@charset "UTF-8";
/**
 * Applies styles for users in high contrast mode. Note that this only applies
 * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
 * attribute, however Chrome handles high contrast differently.
 */
/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
@import "flags/flags.css";
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}

.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}

.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}

.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px;
}

.mat-h5, .mat-typography h5 {
  font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6, .mat-typography h6 {
  font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
}

.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}
.mat-body p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}

.mat-small, .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
}

.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 56px;
  letter-spacing: -0.05em;
}

.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.02em;
}

.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.005em;
}

.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button,
.mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 400;
}

.mat-card-subtitle,
.mat-card-content,
.mat-card-header .mat-card-title {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 13px;
  line-height: 18px;
}
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.4375em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
  font-size: 16px;
}
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
  font-size: 16px;
}
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-ripple {
  overflow: hidden;
}
@media screen and (-ms-high-contrast: active) {
  .mat-ripple {
    display: none;
  }
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.288);
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #2196f3;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #2196f3;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  background: transparent;
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(33, 150, 243, 0.12);
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(255, 64, 129, 0.12);
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(244, 67, 54, 0.12);
}
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #2196f3;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #2196f3;
}
.mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
.mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
.mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-button.mat-primary .mat-ripple-element {
  background-color: rgba(33, 150, 243, 0.1);
}
.mat-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.1);
}
.mat-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.1);
}

.mat-flat-button {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary {
  background-color: #2196f3;
}
.mat-flat-button.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
.mat-flat-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}
.mat-flat-button.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.2);
}

.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(33, 150, 243, 0.2);
}
.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.2);
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.mat-button-toggle-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.26);
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #2196f3;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: #b0b0b0;
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(33, 150, 243, 0.26);
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.26);
}
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.26);
}

.mat-chip:not(.mat-basic-chip) {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip:not(.mat-basic-chip) .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-chip-selected.mat-primary {
  background-color: #2196f3;
  color: white;
}
.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white;
}
.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-table {
  background: white;
}

.mat-row, .mat-header-row {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-next-button,
.mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38);
}

:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-calendar-body-selected {
  background-color: #2196f3;
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(33, 150, 243, 0.4);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-datepicker-toggle-active {
  color: #2196f3;
}

.mat-dialog-container {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: rgba(0, 0, 0, 0.04);
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.54);
}

.mat-focused .mat-form-field-label {
  color: #2196f3;
}
.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}

.mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
}

.mat-form-field-ripple {
  background-color: #2196f3;
}
.mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field-invalid .mat-form-field-ripple {
  background-color: #f44336;
}

.mat-error {
  color: #f44336;
}

.mat-icon.mat-primary {
  color: #2196f3;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}

.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #2196f3;
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-accent .mat-input-element {
  caret-color: #ff4081;
}

.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}

.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}

.mat-list-item-disabled {
  background-color: #eeeeee;
}

.mat-list-option:hover, .mat-list-option.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-menu-panel {
  background: white;
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-progress-bar-background {
  fill: #bbdefb;
}

.mat-progress-bar-buffer {
  background-color: #bbdefb;
}

.mat-progress-bar-fill::after {
  background-color: #2196f3;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #2196f3;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #2196f3;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #2196f3;
}
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(33, 150, 243, 0.26);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(255, 64, 129, 0.26);
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle {
  background-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.26);
}

.mat-select-content, .mat-select-panel-done-animating {
  background: white;
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #2196f3;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #e91e63;
}
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(233, 30, 99, 0.5);
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-slide-toggle .mat-ripple-element {
  background-color: rgba(233, 30, 99, 0.12);
}
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #2196f3;
}
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(33, 150, 243, 0.5);
}
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-slide-toggle.mat-primary .mat-ripple-element {
  background-color: rgba(33, 150, 243, 0.12);
}
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.5);
}
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.06);
}
.mat-slide-toggle.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, 0.12);
}

.mat-disabled .mat-slide-toggle-thumb {
  background-color: #bdbdbd;
}
.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-slide-toggle-thumb {
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #2196f3;
}
.mat-primary .mat-slider-thumb-label-text {
  color: white;
}

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: white;
}

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.38);
}
.mat-step-header .mat-step-icon {
  background-color: #2196f3;
  color: white;
}
.mat-step-header .mat-step-icon-not-touched {
  background-color: rgba(0, 0, 0, 0.38);
  color: white;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(187, 222, 251, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #2196f3;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(187, 222, 251, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #2196f3;
}
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-group.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:not(.mat-tab-disabled):focus,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link:not(.mat-tab-disabled):focus {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #2196f3;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-snack-bar-container {
  background: #323232;
  color: white;
}

.mat-simple-snackbar-action {
  color: #ff4081;
}

#mainContainer .mat-card {
  background-color: #fff;
  margin-bottom: 20px;
}
#mainContainer .mat-card.panel {
  border-radius: unset;
  border: none;
}
#mainContainer .mat-card.not-initialized .actions {
  display: none;
}
#mainContainer .mat-card .mat-card-header {
  box-sizing: border-box;
  max-height: 100%;
  display: flex;
  flex-direction: row;
  place-content: center space-between;
  align-items: center;
  -webkit-box-align: center;
  background-color: #FFF;
  height: 64px;
}
#mainContainer .mat-card .mat-card-header .mat-card-title {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}
#mainContainer .mat-card .mat-card-header .mat-card-title .toggler .icon {
  transform: rotate(180deg);
}
#mainContainer .mat-card .mat-card-header .mat-card-title .collapsed .icon {
  transform: rotate(0deg);
}
#mainContainer .mat-card .mat-card-header .mat-icon-button {
  border: none;
}
#mainContainer .mat-card .mat-card-header .actions {
  float: right;
}
#mainContainer .mat-card .mat-card-header .actions .icon {
  color: #787878;
}
#mainContainer .mat-card .mat-raised-button {
  ox-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: 0;
  border: none;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  font-size: 14px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-weight: 500;
  text-align: center;
  margin: 0;
  min-width: 88px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 2px;
}
#mainContainer .mat-card .project {
  color: #000;
  height: 48px;
  position: relative;
}

/* =========================== */
/*          MD Dropdown         */
/* ========================= */
.md-dropdown {
  font-size: 16px;
  line-height: normal !important;
}
.md-dropdown a {
  flex-direction: row;
  box-sizing: border-box;
  display: flex !important;
  max-height: 100%;
  place-content: center flex-start;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  position: relative;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  color: #111;
}

.decoy .md-autocomplete-arrow .fa-arrow-right,
.md-typeahead .md-autocomplete-arrow .fa-arrow-right {
  color: #1579b3;
}

.show-grid [class^=col-] {
  background-color: #eee;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2);
}

@media print {
  a[href]:after {
    content: none !important;
  }

  .card, .well {
    border: none !important;
  }

  .container {
    margin: 0 !important;
  }

  .label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
  }

  .label-success {
    background-color: #5cb85c;
  }

  .label-info {
    background-color: #5bc0de;
  }

  .label-info {
    background-color: #5bc0de;
  }

  .label-danger {
    background-color: #d9534f;
  }
}
@media print {
  .progress {
    position: relative;
  }

  .progress:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-bottom: 2rem solid #eeeeee;
  }

  .progress-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-bottom: 2rem solid #337ab7;
  }

  .progress-bar-success {
    border-bottom-color: #67c600;
  }

  .progress-bar-info {
    border-bottom-color: #5bc0de;
  }

  .progress-bar-warning {
    border-bottom-color: #f0a839;
  }

  .progress-bar-danger {
    border-bottom-color: #ee2f31;
  }
}
.fav-placeholder {
  position: fixed;
  right: 24px;
  z-index: 4;
}

.fav-placeholder,
.fav-close,
.fav-details {
  bottom: 48px;
}

.fav-close {
  right: 50%;
  margin-right: -28px;
}

/* ----- Round BTN Material Design------ */
.md-collapse-background {
  background-color: #ffffff;
}

.md-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

/* ----- Commmon button Material Design------ */
.md-btn-editmode {
  position: absolute;
  left: 35px;
  top: -25px;
}
.md-btn-editmode a button .md-edit-icon {
  display: none;
}
.md-btn-editmode a.collapsed .md-view-icon {
  display: none;
}
.md-btn-editmode a.collapsed .md-edit-icon {
  display: inline-block;
}

.mdChartWrapper {
  background-color: #ffffff;
}

/* =========================== */
/*        Material TABS       */
/* ========================= */
.customtab li a.nav-link {
  border: 0px;
  padding: 15px 20px;
  color: #99abb4;
  background-color: #ffffff;
}
.customtab li a.nav-link.active, .customtab li a.nav-link:hover, .customtab li a.nav-link:focus {
  border: none;
  background-color: #ffffff;
}
.customtab li a.nav-link:hover {
  color: #1579b3;
}
.customtab .nav-item.active .nav-link {
  border-bottom: 2px solid #1371a8;
  color: #1579b3;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-color: #fafafa;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #ddd;
}

/* ---- POPOVER ---*/
.popover-title {
  display: none;
}

.alert-warning a, .alert-warning code {
  color: #8a6d3b;
}
.alert-warning a {
  text-decoration: underline;
}

.helper {
  display: inline-block;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
  padding: 2rem;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  border-radius: 1rem;
}

#dropZone {
  display: none;
}

.mode-drop {
  margin-bottom: 0;
}
.mode-drop .markItUpContainer textarea {
  background: rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}
.mode-drop .markItUpContainer:after {
  content: "drop here";
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  text-align: center;
  top: 25px;
  left: 30px;
  padding: 1px 10px;
  border-radius: 5px;
}
.mode-drop #dropZone {
  display: block;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  padding-top: 5.0625rem;
  padding-left: 5%;
  padding-right: 5%;
  z-index: 2040;
  text-align: center;
}
.mode-drop #dropZone h2 {
  display: inline-block;
}
.mode-drop .simpleMDE-present #dropZone {
  top: auto;
  bottom: 0;
  height: 250px;
}
.mode-drop .panel #dropZone {
  padding: 0;
}
.mode-drop .panel #dropZone .helper {
  margin: 4px;
  padding: 5px 10px;
}
.mode-drop .panel #dropZone .helper h2 {
  font-size: 14px;
  margin: 0;
}
.mode-drop .panel #dropZone .helper .progress {
  display: none;
}

#documentsPanelPlaceholder {
  position: relative;
}
#documentsPanelPlaceholder #dropZone {
  position: absolute;
}

.mode-drop .simpleMDE-present .CodeMirror-wrap {
  background-color: rgba(0, 0, 0, 0.3);
}

.simpleMDE-present {
  background-color: #f4f4f4;
}

.editor-toolbar.fullscreen,
.CodeMirror-fullscreen.CodeMirror {
  z-index: 1040;
}

.CodeMirror {
  box-sizing: content-box;
}

.CodeMirror,
.CodeMirror-scroll {
  max-height: 300px;
}

.CodeMirror-fullscreen.CodeMirror {
  max-height: none;
}

.CodeMirror-fullscreen .CodeMirror-scroll {
  max-height: none;
}

#updateLogModal textarea {
  min-height: 100px;
}

.amazonBtn {
  width: 100%;
  border: 1px solid #c2c2c2 !important;
}
.amazonBtn:hover {
  background-color: #f5f5f5;
}
.amazonBtn:focus {
  outline: none !important;
  box-shadow: none !important;
}

.buttonContainer {
  width: 97%;
  text-align: center;
}
.buttonContainer .text {
  font-size: 12px;
}

.outsideLoginWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 86vh;
}
.outsideLoginWrapper .logo {
  margin-bottom: 10px;
}

.greetings_isOutsideLogin {
  color: white;
}

@media only screen and (max-width: 767px) {
  .greetings_isOutsideLogin {
    font: normal normal bold 55px/66px Roboto;
  }

  .footer_outsideLogin img {
    width: 100%;
  }

  .footer_wrapper {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .greetings_isOutsideLogin {
    font: normal normal bold 107px/126px Roboto;
  }
}
.dashboard, .dashboard-issues {
  padding: 0;
  background-color: #eee;
}
.dashboard a[aria-expanded=true] .fa-angle-double-down, .dashboard-issues a[aria-expanded=true] .fa-angle-double-down {
  display: none;
}
.dashboard a[aria-expanded=false] .fa-angle-double-up, .dashboard-issues a[aria-expanded=false] .fa-angle-double-up {
  display: none;
}
.dashboard .row-header, .dashboard-issues .row-header {
  padding: 8px 15px 5px;
  position: relative;
}
.dashboard .issue-primary-data, .dashboard-issues .issue-primary-data {
  padding: 0 15px;
}
.dashboard .fa-clock-o, .dashboard-issues .fa-clock-o {
  position: absolute;
  z-index: 0;
  bottom: 0px;
}
.dashboard .fa-clock-o,
.dashboard .fa-angle-double-down,
.dashboard .fa-angle-double-up,
.dashboard .person-image, .dashboard-issues .fa-clock-o,
.dashboard-issues .fa-angle-double-down,
.dashboard-issues .fa-angle-double-up,
.dashboard-issues .person-image {
  cursor: default;
}
.dashboard .person-image, .dashboard-issues .person-image {
  position: absolute;
  right: 5px;
  bottom: 0;
  width: 48px;
  height: 48px;
}
.dashboard .person-image a.img-placeholder, .dashboard-issues .person-image a.img-placeholder {
  text-align: center;
  border-color: #ccc;
  width: 48px;
  height: 48px;
  display: block;
}
.dashboard .person-image a.img-placeholder img, .dashboard-issues .person-image a.img-placeholder img {
  padding: 2px;
  height: 100%;
  width: 100%;
}
.dashboard .person-image a.img-placeholder.no-photo, .dashboard-issues .person-image a.img-placeholder.no-photo {
  border: 1px solid #ccc;
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  background-color: #eee;
}
.dashboard .extra-info-toggler, .dashboard-issues .extra-info-toggler {
  padding: 0;
}
.dashboard .extra-info-toggler a, .dashboard-issues .extra-info-toggler a {
  position: absolute;
}
.dashboard .dashboard-item,
.dashboard .delimiter, .dashboard-issues .dashboard-item,
.dashboard-issues .delimiter {
  border: 1px solid #ddd;
  background-color: white;
  margin: 3px;
}
.dashboard .dashboard-item tr:hover .with-goto-link .btn-group,
.dashboard .delimiter tr:hover .with-goto-link .btn-group, .dashboard-issues .dashboard-item tr:hover .with-goto-link .btn-group,
.dashboard-issues .delimiter tr:hover .with-goto-link .btn-group {
  top: 50%;
  margin-top: -11px;
}
.dashboard .dashboard-item tr:hover .with-goto-link .btn-group .btn,
.dashboard .delimiter tr:hover .with-goto-link .btn-group .btn, .dashboard-issues .dashboard-item tr:hover .with-goto-link .btn-group .btn,
.dashboard-issues .delimiter tr:hover .with-goto-link .btn-group .btn {
  padding: 1px 5px;
}
.dashboard .dashboard-item tr:hover .with-goto-link .btn-group .btn .fa,
.dashboard .delimiter tr:hover .with-goto-link .btn-group .btn .fa, .dashboard-issues .dashboard-item tr:hover .with-goto-link .btn-group .btn .fa,
.dashboard-issues .delimiter tr:hover .with-goto-link .btn-group .btn .fa {
  font-size: 12px;
}
.dashboard .document-name-placeholder, .dashboard-issues .document-name-placeholder {
  min-height: 52px;
}
.dashboard .double-row .person-placeholder, .dashboard-issues .double-row .person-placeholder {
  min-height: 40px;
}
.dashboard .document-name, .dashboard-issues .document-name {
  border: 1px solid rgba(230, 230, 230, 0.5);
  background-color: rgba(250, 250, 250, 0.5);
  z-index: 2;
}
.dashboard .inline-info, .dashboard-issues .inline-info {
  font-size: 85%;
}
.dashboard .status-marker .fa, .dashboard-issues .status-marker .fa {
  display: none;
}
.dashboard.sortable .status-marker, .dashboard-issues.sortable .status-marker {
  cursor: move;
}
.dashboard.sortable .status-marker .fa, .dashboard-issues.sortable .status-marker .fa {
  display: block;
}
.dashboard.sortable .tooltip-inner, .dashboard-issues.sortable .tooltip-inner {
  white-space: nowrap;
}
.dashboard .actions, .dashboard-issues .actions {
  text-align: right;
  padding-right: 5px;
}
.dashboard .status-marker, .dashboard-issues .status-marker {
  position: absolute;
  z-index: 3;
  left: 15px;
  top: 0;
  width: 5px;
  height: 100%;
}
.dashboard .status-marker .fa, .dashboard-issues .status-marker .fa {
  color: white;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -4px;
  position: absolute;
}
.dashboard .priority-none .status-marker, .dashboard-issues .priority-none .status-marker {
  background-color: gray;
}
.dashboard .priority-Urgent .status-marker, .dashboard-issues .priority-Urgent .status-marker {
  background-color: red;
}
.dashboard .priority-High .status-marker, .dashboard-issues .priority-High .status-marker {
  background-color: orange;
}
.dashboard .priority-Medium .status-marker, .dashboard-issues .priority-Medium .status-marker {
  background-color: #ffe778;
}
.dashboard .priority-Low .status-marker, .dashboard-issues .priority-Low .status-marker {
  background-color: green;
}
.dashboard .placeholder, .dashboard-issues .placeholder {
  height: 63px;
  background-color: #f5f5f5;
  border: 1px dotted #000;
}

@media only screen and (min-width: 768px) {
  .dashboard-issues .form-group label {
    text-align: right;
    padding-top: 0;
  }
  .dashboard-issues .form-group-problem label {
    text-align: left;
  }
}
.estimate-factor-0 {
  font-size: 1.5em;
}

.estimate-factor-1 {
  font-size: 2em;
}

.estimate-factor-2 {
  font-size: 2.5em;
}

.estimate-factor-3 {
  font-size: 3em;
}

.estimate-factor-4 {
  font-size: 4em;
}

.estimate-factor-5 {
  font-size: 5em;
}

.estimate-factor-6 {
  font-size: 6em;
}

.estimate-factor-7 {
  font-size: 7em;
}

.estimate-factor-8 {
  font-size: 8em;
}

.estimate-factor-0 {
  color: lightgrey;
}

.estimate-factor-8 {
  color: red;
  font-size: 8em;
  bottom: -20px;
  left: 0;
}

@media only screen and (max-width: 319px) {
  .col-es-12 {
    width: 100%;
  }

  .sortable .document-name-placeholder {
    min-height: 74px;
  }

  .col-es-offset-5 {
    margin-left: 75%;
  }

  .person-placeholder {
    min-height: 40px;
  }
}
.dashboard-project .extra-info-toggler {
  display: none;
}

.grid .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.1s;
  transition-property: height, visibility;
}

.grid-item .panel-heading a .fa-window-maximize {
  display: none;
}
.grid-item .panel-heading a .fa-window-minimize {
  display: inline-block;
}
.grid-item .panel-heading a.collapsed .fa-window-maximize {
  display: inline-block;
}
.grid-item .panel-heading a.collapsed .fa-window-minimize {
  display: none;
}

.list-group {
  table-layout: fixed;
}
.list-group .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-group .ellipsis a {
  white-space: nowrap;
}

.panel-heading .toggle {
  padding-right: 10px;
}

.potential-big-data {
  overflow: auto;
}

#dashboard-review-tasks .actions .btn-group .btn,
#dashboard-unassigned-tasks .actions .btn-group .btn {
  z-index: 2;
}

#dashboard-messages .messages.limited {
  height: 500px;
}

.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.truncate .fa {
  display: inline;
}

body {
  font-size: 14px;
}

.limited {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dashboard-labels .label {
  font-size: 65%;
}
.dashboard-labels .label:nth-child(3n+1) {
  background-color: #fca644;
}
.dashboard-labels .label:nth-child(3n+2) {
  background-color: #1e88e5;
}
.dashboard-labels .label:nth-child(3n+3) {
  background-color: #26c6da;
}

@media (min-width: 1200px) {
  .row_sameHeight {
    display: flex;
  }

  .row_sameHeight > [class*=col-] {
    display: flex;
    flex-direction: column;
  }
}
.heatmap {
  width: 80%;
  margin: 0 auto;
}
.heatmap td {
  border-right: 1px solid #ddd;
}
.heatmap td:last-child {
  border-right: unset;
}

.heatmap--axisY {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  top: 50%;
  left: -5px;
  font-weight: bold;
}

.heatmap--axisX {
  text-align: center;
  font-weight: bold;
}

.md-breadcrumb {
  font-family: Roboto;
  font-size: 15px;
}
.md-breadcrumb a {
  color: black;
}
.md-breadcrumb > li + li:before {
  content: none;
  padding: 0;
}
.md-breadcrumb > li {
  line-height: 24px;
  height: 24px;
  vertical-align: bottom;
}
.md-breadcrumb > li i.material-icons {
  color: #c8c8c8;
  font-weight: bold;
}

#overviewContainer table label {
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  #overviewContainer table.table-striped label {
    height: 29px;
  }
}
@media only screen and (min-width: 768px) {
  #overviewContainer table.table-striped label {
    height: 34px;
  }
}
.with-goto-link {
  padding-right: 110px;
  position: relative;
}
.with-goto-link .btn-group {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
}

.col-relation-multi .with-goto-link {
  padding-right: 40px;
}

.md-multiselect .with-goto-link {
  padding-right: 50px;
}
.md-multiselect .with-goto-link .btn-group {
  visibility: visible;
}
.md-multiselect select {
  display: none;
}

tr .with-goto-link:hover .btn-group {
  visibility: visible;
}

.overview-container .panel-body table.table > tbody > tr {
  height: 55px;
}

.null-value .btn-reset,
.null-value .link-goto {
  display: none;
}

.editable.resetting {
  visibility: hidden;
}

.editable[data-type=checkbox] {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.editable[data-type=checkbox]:hover {
  border-bottom-color: transparent;
}

.overview-col-number,
.overview-col-relation {
  white-space: nowrap;
}

.overview-col-actions {
  width: 10%;
  text-align: right;
}

.item-deleted .actions {
  display: none;
}

.browse-list tbody tr {
  cursor: pointer;
}
.browse-list tbody tr:hover td {
  background-color: #f0f0f0;
}

.col-type-number {
  text-align: right;
}

.profile-avatar {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 2px;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: relative;
}
.profile-avatar .fa-cog {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
}
.profile-avatar.in-progress .fa-cog {
  display: block;
}
.profile-avatar .profile-actions,
.profile-avatar .profile-actions-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.profile-avatar .profile-actions-bg {
  opacity: 0.3;
  background-color: #fff;
  padding: 2px;
  border-radius: 50%;
  height: 150px;
}
.profile-avatar .profile-avatar-body {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-clip: padding-box;
  background-size: 100% auto;
  background-position: center center;
  background-image: url(/public/images/no_picture.png);
  background-repeat: no-repeat;
  display: block;
}
.profile-avatar .profile-avatar-title {
  position: absolute;
  width: 300px;
  text-align: right;
  bottom: 10px;
  z-index: -1;
  left: 50%;
}
.profile-avatar.profile-overview {
  border: 0;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.profile-avatar .profile-overlay {
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(0, 0, 0, 0.5);
}
.profile-avatar .profile-overlay-text {
  color: white;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.ogsmFullScreen .profile-avatar {
  border: thin solid #c7c7c7;
}

.fullScreen #showSideBarButton.hidden-el {
  display: block;
}
.fullScreen #slide-out.visible-el {
  display: none;
}
.fullScreen #slide-out.visible-el.in {
  display: block;
}
.fullScreen main,
.fullScreen .double-nav {
  padding-left: 0 !important;
}
.fullScreen .container {
  width: 100%;
}

.profile-container:hover .profile-overlay {
  opacity: 1;
}

.profile-actions {
  margin-top: 10px;
}
.profile-actions .fa {
  margin-right: 5px;
}

.remove-link .fa,
.trash .fa {
  color: #d43f3a;
}

[class*=rag-status-] {
  color: white;
}

.rag-status-amber {
  background-color: orange;
}

.rag-status-green {
  background-color: green;
}

.rag-status-red {
  background-color: red;
}

.header {
  background: #1579b3;
  color: #fff;
  padding: 16px 20px 24px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.header .container {
  display: flex;
  line-height: 32px;
}
.header .container .name {
  font-size: 22px;
  font-weight: 500;
  flex: 2 0 0;
}
.header .container .menu {
  line-height: 32px;
}
.header .subtitle {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}
.header .popover {
  color: #333;
  max-width: unset;
}
.header .popover .popover-title {
  display: block;
  background-color: unset;
}
.header .popover .jstree-anchor {
  width: 180px;
  overflow: hidden;
  white-space: nowrap;
}
.header .popover a.jstree-anchor {
  text-overflow: ellipsis;
}

/* Old structure for dropdown - should be deleted soon*/
.dropdown-material {
  float: right;
  position: relative;
}
.dropdown-material .dropbtn {
  background: transparent;
  border: 0;
  line-height: 32px;
}
.dropdown-material .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  right: 0;
  z-index: 15;
}
.dropdown-material .dropdown-content .btn.btn-default {
  line-height: 32px;
  font-size: 16px;
  text-align: left;
  border: 0;
  border-radius: 0px;
}
.dropdown-material .dropdown-content .btn-default:active:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.dropdown-material .dropdown-content .btn:active {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.dropdown-material .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-material a:hover {
  background-color: #f1f1f1;
}

/* Bootstrap dropdown adapt*/
#dynamicBody .dropdown-menu {
  left: 0;
  right: unset;
}

.dropdown .dropdown-menu {
  background-color: #ffffff;
  min-width: 200px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border: 0;
  left: unset;
  right: 0;
}
.dropdown .dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 16px;
  cursor: pointer;
}
.dropdown .dropdown-menu .btn.btn-default {
  line-height: 32px;
  font-size: 16px;
  text-align: left;
  border: 0;
  border-radius: 0px;
}
.dropdown .dropdown-menu .btn-default:active:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.dropdown .dropdown-menu .btn:active {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.dropdown .dropdown-menu__gt {
  right: 35px;
  top: 50%;
}
.dropdown a:hover {
  background-color: #f1f1f1;
}

.show {
  display: block;
}

.relative-div {
  position: relative;
}
.relative-div .chosen-container-multi {
  padding-right: 50px;
}
.relative-div .btn-group-sm {
  position: absolute;
  top: 0;
  right: 15px;
}
.relative-div .btn-group-sm .btn {
  height: 36px;
}

.header-deleted {
  background-color: #CF4647;
}
.header-deleted .customMDActionLayout {
  background-color: #8f2422;
}
.header-deleted ~ .mat-expansion-panel .rkmd-btn.bg-blue {
  background-color: #CF4647 !important;
}

.header-title {
  display: flex;
  line-height: 32px;
}

.loading-message {
  display: none;
}

.loading .loading-message {
  display: initial;
}
.loading .sub-accordion.items-placeholder {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
@-webkit-keyframes fadeIt {
  0% {
    background-color: transparent;
  }
  10% {
    background-color: #fffabb;
  }
  100% {
    background-color: #FFFFFF;
  }
}
@keyframes fadeIt {
  0% {
    background-color: transparent;
  }
  10% {
    background-color: #fffabb;
  }
  100% {
    background-color: #FFFFFF;
  }
}
.newlyAdded {
  background-image: none !important;
  -webkit-animation: fadeIt 2s ease-in-out;
          animation: fadeIt 2s ease-in-out;
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel .loading-message {
  position: absolute;
  margin-left: auto;
  margin-top: 55px;
  left: 50%;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.95);
}

.panel-inline-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  padding-right: 15px;
}

.tooltip .tooltip-inner {
  background-color: #838689;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #838689;
}
.tooltip.right .tooltip-arrow {
  border-top-color: #838689;
}
.tooltip.bottom .tooltip-arrow {
  border-top-color: #838689;
}
.tooltip.left .tooltip-arrow {
  border-top-color: #838689;
}

.md-content .short-description-area div.fade-large-area {
  padding-bottom: 20px;
}

.fade-large-area {
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.fade-large-area.collapsed :after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 40px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}
.fade-large-area .fade-large-area-toggler {
  text-align: center;
  display: initial;
  left: 50%;
  margin-left: -17px;
  bottom: 0;
  position: absolute;
}
.fade-large-area .fade-large-area-toggler i {
  font-size: 34px;
}
.fade-large-area i.material-icons.up {
  display: none;
}
.fade-large-area.expanded {
  overflow: initial;
  max-height: initial;
}
.fade-large-area.expanded i.material-icons.down {
  display: none;
}
.fade-large-area.expanded i.material-icons.up {
  display: initial;
}

.fade-large-area-toggler {
  display: none;
}

.small-max-width {
  max-width: 50px;
}

.customMDActionLayout {
  background-color: #1371a8;
  border-radius: 4px;
  padding: 5px;
  line-height: 8px;
  cursor: pointer;
}

.large-text-display table {
  margin: 0 0 10px;
}
.large-text-display table, .large-text-display td, .large-text-display th {
  border: 1px solid grey;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 2px 5px;
}

.mdeSaveAlert {
  background: #77ec7d;
  color: #e8e8e8 !important;
}
.mdeSaveAlert:hover {
  background: #a4ecaf !important;
}

.md-textarea a.fa-save:focus {
  outline: none;
}

.saveContentMDE {
  width: 50px !important;
  line-height: 27px;
  text-align: center;
}
.saveContentMDE::after {
  content: "Save" !important;
}
.saveContentMDE:focus {
  outline: none;
}

.saveContentMDE__change {
  background: #b71c1c;
  color: #ffffff !important;
  animation: blink-animation 0.5s steps(5, start) 4;
  -webkit-animation: blink-animation 0.5s steps(5, start) 4;
}
.saveContentMDE__change:hover {
  background: #7f0000 !important;
}

.editor-toolbar.disabled-for-preview a.saveContentMDE:not(.no-disable) {
  background: #b71c1c;
  color: #ffffff !important;
}
.editor-toolbar.disabled-for-preview a.saveContentMDE:not(.no-disable):hover {
  background: #7f0000 !important;
}

/*******************
Notify
*******************/
.notify {
  position: relative;
  top: 0px;
  right: -7px;
}
.notify .heartbit {
  position: absolute;
  top: -20px;
  right: -4px;
  height: 25px;
  width: 25px;
  z-index: 10;
  border: 5px solid #fc4b6c;
  border-radius: 70px;
  -moz-animation: notify_heartbit 1s ease-out;
  -moz-animation-iteration-count: infinite;
  -o-animation: notify_heartbit 1s ease-out;
  -o-animation-iteration-count: infinite;
  -webkit-animation: notify_heartbit 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.notify .point {
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: #fc4b6c;
  position: absolute;
  right: 6px;
  top: -10px;
}

.list-page table.dataTable thead .sorting_asc,
.list-page table.dataTable thead .sorting_desc,
.list-page table.dataTable thead .sorting {
  padding-left: 5px;
}
.list-page table.dataTable thead .sorting_asc:after,
.list-page table.dataTable thead .sorting_desc:after,
.list-page table.dataTable thead .sorting:after {
  display: none;
  top: unset;
  left: 0;
}
.list-page table.dataTable thead:hover .sorting_asc,
.list-page table.dataTable thead:hover .sorting_desc,
.list-page table.dataTable thead:hover .sorting {
  padding-left: 25px;
}
.list-page table.dataTable thead:hover .sorting_asc:after,
.list-page table.dataTable thead:hover .sorting_desc:after,
.list-page table.dataTable thead:hover .sorting:after {
  display: block;
  top: unset;
  left: 0;
}

table.dataTable .dg-filters {
  display: none;
}
table.dataTable.showFilter .dg-filters {
  display: table-row;
}
@-webkit-keyframes notify_heartbit {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.customSummary {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

body.maximiseRealEstate main {
  padding: 0;
}
body.maximiseRealEstate .navbar-fixed-top {
  display: none;
}

body #maximizeRealEstateToggler {
  z-index: 10000;
  display: unset;
  position: fixed;
  left: 50%;
}
body #maximizeRealEstateToggler div {
  position: relative;
  left: -50%;
  background-color: #3b396a;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
body #maximizeRealEstateToggler div a {
  margin: 5px 10px;
  color: white;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: unset;
}

.hover-placeholder .visible-on-hover {
  visibility: hidden;
}
.hover-placeholder:hover .visible-on-hover {
  visibility: unset;
}

.old-fashioned-spinner {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: -8px;
  display: none;
}

.loading .old-fashioned-spinner {
  display: initial;
}

.efqm-drawer {
  background-color: #f5f5f5;
  position: fixed;
  bottom: -1px;
  right: 15px;
  z-index: 5;
  padding: 5px;
}
.efqm-drawer .nav li {
  float: left;
}
.efqm-drawer .nav li a {
  padding: 0;
}
.efqm-drawer .nav li a:hover {
  text-decoration: none;
}
.efqm-drawer .nav li .fa {
  margin-right: 5px;
}
.efqm-drawer .nav li .label {
  margin-left: 5px;
}
.efqm-drawer .nav li + li {
  margin-left: 10px;
}

@media only screen and (min-width: 992px) {
  .sidebar .modal-dialog {
    width: 100%;
  }

  .sidebar-mini .modal-dialog {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .sidebar .modal-dialog {
    width: 100%;
  }

  .sidebar-mini .modal-dialog {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .sidebar .modal-dialog {
    width: 75%;
  }

  .sidebar-mini .modal-dialog {
    width: 33.33%;
  }
}
.sidebar .sidebar-close {
  border-right: 5px solid black;
  float: left;
}

.sidebar-common .sidebar-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0;
}
.sidebar-common .sidebar-dialog .sidebar-content {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0;
  height: 100%;
  overflow: auto;
}

.modal.fade:not(.in).slide-from-right .sidebar-dialog {
  transform: translate3d(25%, 0, 0);
}

.history-menu li .fa {
  margin-right: 10px;
}

.sidebar-mini .header {
  border-radius: 0;
}
.sidebar-mini .header .modal-title {
  color: white;
}

footer {
  z-index: -1;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
.snackbar {
  visibility: hidden;
  /* Hidden by default. Visible on click */
  min-width: 255px;
  /* Set a default minimum width */
  max-width: 555px;
  /* Set a default max width */
  min-height: 48px;
  margin-left: -125px;
  /* Divide value of min-width by 2 */
  background-color: #333;
  /* Black background color */
  color: #fff;
  /* White text color */
  text-align: center;
  /* Centered text */
  border-radius: 2px;
  /* Rounded borders */
  padding: 10px 16px;
  /* Padding */
  position: fixed;
  /* Sit on top of the screen */
  z-index: 11050;
  /* Add a z-index if needed */
  left: 50%;
  /* Center the snackbar */
  bottom: 30px;
  /* 30px from the bottom */
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.snackbar .action {
  background: inherit;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  margin: 0px 0px 0px 24px;
  padding: 0px;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  float: right;
}

@media only screen and (max-width: 767px) {
  .snackbar {
    max-width: 355px;
    /* Set a default minimum width */
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .snackbar {
    max-width: 455px;
    /* Set a default minimum width */
  }
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
.snackbar__show {
  visibility: visible !important;
  /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: snackbar__fadein 0.5s, snackbar__fadeout 0.5s 2.5s;
  animation: snackbar__fadein 0.5s, snackbar__fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes snackbar__fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes snackbar__fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes snackbar__fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes snackbar__fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
.list-overview .panel {
  box-shadow: none;
}
.list-overview .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-overview .ellipsis a {
  white-space: nowrap;
}
.list-overview .list-overview-subtitle {
  color: gray;
  font-size: 0.9em;
}
.list-overview .list-overview-header .list-overview-header-extra-info {
  margin-top: 10px;
}
.list-overview .list-overview-header .user-login-info {
  color: #777;
  margin-right: 10px;
}
.list-overview .list-overview-header .toggler a {
  text-decoration: none;
}
.list-overview .list-overview-header .toggler a .fa-caret-down {
  display: inherit;
}
.list-overview .list-overview-header .toggler a .fa-caret-right {
  display: none;
}
.list-overview .list-overview-header .toggler a.collapsed .fa-caret-down {
  display: none;
}
.list-overview .list-overview-header .toggler a.collapsed .fa-caret-right {
  display: inherit;
}

.orgChart-Panel {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
}

.mdOrgChart {
  width: 100%;
  text-align: center;
}
.mdOrgChart .orgchart {
  color: #000;
  background: transparent;
}
.mdOrgChart .orgchart .businessplanobjgoal_classType .goalcard-inner,
.mdOrgChart .orgchart .businessplan_classType .goalcard-inner {
  border-color: #1579b3 !important;
}
.mdOrgChart .orgchart .businessplanobjgoal_classType .goalcard-inner:hover,
.mdOrgChart .orgchart .businessplan_classType .goalcard-inner:hover {
  box-shadow: 0px 2px 8px 1px #1579b3a3 !important;
}
.mdOrgChart .orgchart .businessplanobjgoal_classType .confidence,
.mdOrgChart .orgchart .businessplan_classType .confidence {
  color: #1579b3;
}
.mdOrgChart .orgchart .kpi_classType .goalcard-inner {
  border-color: #F8C002 !important;
}
.mdOrgChart .orgchart .kpi_classType .goalcard-inner:hover {
  box-shadow: 0px 2px 8px 1px #f8c00296 !important;
}
.mdOrgChart .orgchart .kpi_classType .confidence {
  color: #F8C002;
}
.mdOrgChart .orgchart .kpi_classType .title {
  background-color: #F8C002;
}
.mdOrgChart .orgchart .project_classType .goalcard-inner {
  border-color: #941651 !important;
}
.mdOrgChart .orgchart .project_classType .goalcard-inner:hover {
  box-shadow: 0px 2px 8px 1px #941651 !important;
}
.mdOrgChart .orgchart .project_classType .owner {
  display: none;
}
.mdOrgChart .orgchart .project_classType .title-due {
  margin-left: 48px;
}
.mdOrgChart .orgchart .project_classType .confidence {
  color: #009193;
}
.mdOrgChart .orgchart .project_classType .title {
  background-color: #009193;
}
.mdOrgChart .orgchart .title {
  height: auto;
  white-space: normal;
  padding: 5px;
}
.mdOrgChart .orgchart .title,
.mdOrgChart .orgchart .downLine {
  background-color: #1579b3;
  border-radius: 4px;
}
.mdOrgChart .orgchart .content {
  display: none;
}
.mdOrgChart .orgchart .node .content,
.mdOrgChart .orgchart .rightLine,
.mdOrgChart .orgchart .leftLine {
  border-color: #1579b3;
}
.mdOrgChart .orgchart .second-menu-icon {
  transition: opacity 0.5s;
  opacity: 0;
  right: 10%;
  bottom: -16%;
  z-index: 2;
  color: black;
  font-size: 18px;
  position: absolute;
  border-radius: 35px;
  box-shadow: 0 0 1px 1px #999;
  background-color: #fff;
  line-height: 18px;
  height: 18px;
  width: 18px;
}
.mdOrgChart .orgchart .second-menu-icon:hover {
  color: #202020;
}
.mdOrgChart .orgchart .expand-menu-icon {
  transition: opacity 0.5s;
  opacity: 0;
  right: 20%;
  bottom: -16%;
  line-height: 18px;
  height: 18px;
  width: 18px;
  font-size: 12px;
  z-index: 2;
  color: black;
  position: absolute;
  border-radius: 35px;
  box-shadow: 0 0 1px 1px #999;
  background-color: #fff;
}
.mdOrgChart .orgchart .expand-menu-icon:hover {
  color: #202020;
}
.mdOrgChart .orgchart .toggleBtn ~ .expand-menu-icon {
  display: none;
}
.mdOrgChart .orgchart .toggleBtn {
  line-height: 18px;
  height: 18px;
  width: 18px;
  font-size: 12px;
  z-index: 2;
  color: black;
  position: absolute;
  border-radius: 35px;
  box-shadow: 0 0 1px 1px #999;
  background-color: #fff;
  bottom: -16%;
  left: 26px;
}
.mdOrgChart .orgchart .toggleBtn:hover {
  color: #202020;
}
.mdOrgChart .orgchart .node:hover {
  background-color: transparent;
}
.mdOrgChart .orgchart .node:hover .second-menu-icon,
.mdOrgChart .orgchart .node:hover .expand-menu-icon,
.mdOrgChart .orgchart .node:hover .toggleBtn,
.mdOrgChart .orgchart .node:hover .collapse-menu-icon {
  opacity: 1;
}
.mdOrgChart .orgchart .node.focused {
  background-color: transparent;
}
.mdOrgChart .orgchart .node .second-menu {
  display: none;
  position: absolute;
  top: 0;
  right: -70px;
  border-radius: 35px;
  box-shadow: 0 0 10px 1px #999;
  background-color: #fff;
  z-index: 1;
}
.mdOrgChart .orgchart .node .popover {
  display: none;
  position: absolute;
  top: 0;
  right: -70px;
  left: inherit;
  min-width: 100px;
  z-index: 1;
}
.mdOrgChart .oc-export-btn {
  background-color: #1579b3;
  border-color: #1579b3;
}
.mdOrgChart .loadingPrint {
  cursor: progress;
}
.mdOrgChart .loadingPrint .fa,
.mdOrgChart .loadingPrint .material-icons {
  visibility: hidden;
}

.text-projects {
  color: #941651;
}

.text-kpis {
  color: #F8C002;
}

.text-goals {
  color: #1579b3;
}

.legend-panel {
  position: fixed;
  top: 60px;
  right: 50px;
}

.blur {
  filter: blur(3px);
}

.widgetCenter {
  height: 50%;
  width: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.textCenter {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50%;
  text-align: center;
}

.newOrgChart .orgchart .verticalNodes .node + ul {
  padding-left: 30px;
}
.newOrgChart .orgchart .verticalNodes > td::before {
  border: 1px solid #1579b3;
}
.newOrgChart .orgchart .verticalNodes ul > li::before, .newOrgChart .orgchart .verticalNodes ul > li::after {
  border-color: #1579b3;
}
.newOrgChart .mdOrgChart .orgchart {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.newOrgChart .mdOrgChart .orgchart .gc-01 {
  display: block;
}
.newOrgChart .mdOrgChart .orgchart .gc-02 {
  display: none;
}
.newOrgChart .mdOrgChart .orgchart .gc-03 {
  display: none;
}
.newOrgChart .mdOrgChart .orgchart .goal-title-long {
  display: block;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newOrgChart .mdOrgChart .orgchart.zoom-md .gc-01 {
  display: none;
}
.newOrgChart .mdOrgChart .orgchart.zoom-md .gc-02 {
  display: block;
}
.newOrgChart .mdOrgChart .orgchart.zoom-md .gc-02 .goal-title-long {
  font-size: 24px;
  line-height: 27px;
  height: 135px;
}
.newOrgChart .mdOrgChart .orgchart.zoom-md .gc-03 {
  display: none;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .node {
  height: unset;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .gc-01 {
  display: none;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .gc-02 {
  display: none;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .gc-03 {
  display: block;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .gc-03 .goal-title-long {
  font-size: 25px;
  line-height: 31px;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .gc-03 .goal-title-long::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .bottomEdge {
  bottom: -15px;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .toggleBtn,
.newOrgChart .mdOrgChart .orgchart.zoom-sm .bottomEdge,
.newOrgChart .mdOrgChart .orgchart.zoom-sm .second-menu-icon, .newOrgChart .mdOrgChart .orgchart.zoom-md .toggleBtn,
.newOrgChart .mdOrgChart .orgchart.zoom-md .bottomEdge,
.newOrgChart .mdOrgChart .orgchart.zoom-md .second-menu-icon {
  bottom: -15px;
  line-height: 30px;
  height: 30px;
  width: 30px;
}
.newOrgChart .mdOrgChart .orgchart.zoom-sm .bottomEdge, .newOrgChart .mdOrgChart .orgchart.zoom-md .bottomEdge {
  right: 22%;
}
.newOrgChart .mdOrgChart .orgchart .node {
  cursor: pointer;
  width: 314px;
  height: 158px;
  padding: 0px 20px 0px 20px;
}
.newOrgChart .mdOrgChart .orgchart .node::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner {
  -webkit-print-color-adjust: exact;
  border-radius: 5px;
  border: 3px solid rgba(0, 0, 0, 0.06);
  background-color: white;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 4px 0 rgba(151, 151, 151, 0.45);
  padding: 15px 15px 10px 15px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .top {
  display: block;
  height: 50px;
  width: 100%;
  text-align: initial;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .top .title-due {
  float: left;
  width: 100%;
  height: 56px;
  margin-left: 0px;
  padding-left: 12px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .top .title-due .goal-title {
  display: block;
  font-size: 14px;
  line-height: 16px;
  height: 48px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle {
  display: block;
  height: 52px;
  margin-top: 10px;
  width: 100%;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .text {
  display: block;
  height: 50px;
  width: 100%;
  text-align: initial;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress {
  height: 18px;
  position: relative;
  display: block;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .barre-text {
  position: absolute;
  color: white;
  font-size: 13px;
  height: 100%;
  line-height: 19px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .barre-text.barre-number {
  right: 5px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .barre-text.barre-label {
  left: 5px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .progress-bar {
  background-color: #D5D5D5;
  height: 19px;
  width: 100%;
  overflow: hidden;
  display: block;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .progress-bar .progress-fill {
  height: 100%;
  width: 0;
  background: transparent;
  overflow: hidden;
  border-radius: 4px;
  display: block;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .progress-bar .progress-fill .progress-inner-fill {
  height: 100%;
  width: 100%;
  display: block;
  background-color: grey;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .progress-bar .progress-fill .fill-AMBER {
  background-color: orange;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .progress-bar .progress-fill .fill-GREEN {
  background-color: green;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .progress .progress-bar .progress-fill .fill-RED {
  background-color: red;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .barre {
  background-image: linear-gradient(to right, #1579b3, #1579b3), linear-gradient(to right, #ccc, #ccc);
  background-repeat: no-repeat, no-repeat;
  background-size: 121px 18px, 120px 18px;
  background-position: 0 0, 120px 0;
  border-radius: 4px;
  width: 240px;
  height: 18px;
  margin-bottom: 8px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .barre span {
  font-size: 12px;
  color: white;
  height: 18px;
  line-height: 18px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .barre .barre-number {
  float: right;
  padding-right: 5px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .middle .barre .barre-label {
  float: left;
  padding-left: 5px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .bottom {
  border-top: 1px solid #ddd;
  padding-top: 7px;
  font-size: 12px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .bottom .status {
  float: left;
  line-height: 16px;
  color: #444;
  max-width: 102px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .bottom .dueDate {
  float: right;
  line-height: 16px;
  color: #444;
  max-width: 102px;
  margin-right: 20px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .bottom .confidence {
  float: left;
  line-height: 16px;
  max-width: 125px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .full-height {
  height: 110px;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .full-height .title-due {
  height: 100%;
}
.newOrgChart .mdOrgChart .orgchart .node .goalcard-inner .full-height .title-due .goal-title {
  height: 100%;
}
.newOrgChart .mdOrgChart .orgchart .node.project_classType .goalcard-inner > .top {
  text-align: center;
}
.newOrgChart .mdOrgChart .orgchart .node.project_classType .goalcard-inner > .top .owner {
  display: none;
}
.newOrgChart .mdOrgChart .orgchart .node.project_classType .goalcard-inner > .top .title-due {
  width: 100%;
  margin: 0;
  text-align: center;
}
.newOrgChart .mdOrgChart .orgchart .node.project_classType .goalcard-inner > .top .title-due .goal-title {
  width: 100%;
}
.newOrgChart .owner {
  width: 38px;
  height: 38px;
  font-weight: bold;
  border-radius: 24px;
  background-color: rgba(214, 214, 214, 0.73);
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  bottom: -8px;
}
.newOrgChart .menuwidget {
  position: fixed;
  right: 15px;
  top: 80px;
  width: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
}
.newOrgChart .menuwidget .zoom-in {
  border-top: none;
  border-radius: 32px 32px 0 0;
  background: white;
  width: 32px;
  height: 33px;
  border-top: 1px solid #eee;
  text-align: center;
  line-height: 33px;
  cursor: pointer;
}
.newOrgChart .menuwidget .menu-export {
  width: 32px;
  height: 33px;
  border-top: 1px solid #eee;
  text-align: center;
  line-height: 33px;
  cursor: pointer;
  background: white;
}
.newOrgChart .menuwidget .zoom-out {
  width: 32px;
  height: 33px;
  border-top: 1px solid #eee;
  text-align: center;
  line-height: 33px;
  cursor: pointer;
  border-radius: 0 0 32px 32px;
  background: white;
}
.newOrgChart .verticalNodes .node {
  margin-top: 30px;
}
.newOrgChart .verticalNodes td > ul > li:first-child::before {
  height: 55px;
}
.newOrgChart .verticalNodes ul > li:first-child::after {
  top: 50px;
}
.newOrgChart .verticalNodes ul > li::before {
  height: 55px;
}
.newOrgChart .goalcard-background.pile {
  left: -2;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 90%;
  z-index: -1;
  top: 0;
  position: absolute;
}

.mat-card-content .newOrgChart div .menuwidget {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 100;
}
.mat-card-content .newOrgChart div .menuwidget .menu-view {
  display: none;
}
.mat-card-content .newOrgChart div .legend-panel {
  position: absolute;
  top: 0;
  right: 50px;
}

/* MODAL ORGCHART - POPUP EDITOR */
.goaltreeModal .goal-section {
  padding: 8px;
}
.goaltreeModal .goal-section:nth-child(even) {
  background: #e6e6e680;
}
.goaltreeModal .goal-section:nth-child(even) .panel-body {
  background: transparent;
}
.goaltreeModal .goal-section:nth-child(even) .panel-default {
  border-color: #929292;
}
.goaltreeModal .goal-section:nth-child(even) .panel-heading,
.goaltreeModal .goal-section:nth-child(even) .md-collapse-background {
  background: #e6e6e680;
}
.goaltreeModal .goal-section:nth-child(even) .md-collapse-background div.md-container {
  background: transparent;
}
.goaltreeModal .goal-section h5 {
  line-height: 14px;
  padding-bottom: 6px;
  vertical-align: bottom;
  margin: 0;
}
.goaltreeModal .goal-content {
  max-height: 350px;
}
.goaltreeModal .goal-content a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.goaltreeModal .goal-content .owner-avatar {
  width: 48px;
  height: 48px;
  font-weight: bold;
  border-radius: 24px;
  background-color: rgba(214, 214, 214, 0.73);
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  float: left;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}
.goaltreeModal .goal-content .owner-edit {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 30px;
  left: 30px;
  overflow: hidden;
  background: white;
  border-radius: 10px;
  border: 1px solid #888;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 19px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
.goaltreeModal .goal-content .popover-overlay {
  left: 5px;
  top: 75px;
  border-radius: 12px;
  background: white;
  padding: 16px;
  box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.2);
}
.goaltreeModal .goal-content .popover-overlay:focus {
  outline: 0;
}
.goaltreeModal .goal-content .popover-overlay:before {
  left: 25px;
  content: "";
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-bottom: 14px solid #ccc;
  border-right: 10px solid transparent;
}
.goaltreeModal .goal-content .popover-overlay:after {
  left: 26px;
  content: "";
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-bottom: 13px solid white;
  border-right: 9px solid transparent;
}
.goaltreeModal .goal-content .popover-overlay .md-container {
  padding: 0;
}
.goaltreeModal .goal-content .popover-overlay .md-field {
  padding-bottom: 0;
}
.goaltreeModal .goal-content .popover-overlay .new-user {
  color: #555;
}
.goaltreeModal .goal-content .popover-overlay .new-user a {
  color: #555555;
  text-decoration: underline;
}
.goaltreeModal .goal-content .popover-overlay .btn {
  height: 36px;
  margin-right: 8px;
  padding: 8px 10px;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #1579b3;
  background-color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: auto;
}
.goaltreeModal .goal-content .card-title {
  border-bottom: none;
  float: left;
  overflow-wrap: break-word;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 19px;
}
.goaltreeModal .goal-content .card-actions {
  text-align: right;
}
.goaltreeModal .goal-content .card-actions a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #ddd;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  border-radius: 3px 3px 3px 3px;
}
.goaltreeModal .goal-content .card-actions a:hover {
  color: inherit;
  background-color: #f5f5f5;
}
.goaltreeModal .goal-content .card-actions a i {
  line-height: 32px;
}
.goaltreeModal .modal-container .modal-content {
  position: relative;
  padding: 24px 32px;
}
.goaltreeModal .modal-container .modal-content:first-child {
  padding-top: 16px;
}

.alert-panel {
  position: absolute;
  z-index: 10;
  display: none;
}

.slide-in-bck-center {
  display: block;
  -webkit-animation: slide-in-bck-center 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: slide-in-bck-center 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/**
 * ----------------------------------------
 * animation slide-in-bck-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bck-center {
  0% {
    transform: translateZ(600px);
    opacity: 0;
  }
  80% {
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateZ(600px);
    opacity: 0;
  }
}
@keyframes slide-in-bck-center {
  0% {
    transform: translateZ(600px);
    opacity: 0;
  }
  80% {
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    transform: translateZ(600px);
    opacity: 0;
  }
}
/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.css-bar {
  position: relative;
  display: inline-block;
  font-size: 16px;
  border-radius: 50%;
  background-color: transparent;
  margin-bottom: 20px;
  box-sizing: content-box;
  width: 60px;
  height: 60px;
  font-size: 18px;
}

.css-bar:after,
.css-bar > img {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  text-align: center;
  font-weight: light;
  color: #a1a2a3;
}

.css-bar:after {
  content: attr(data-label);
  background-color: #fff;
  z-index: 101;
}

.css-bar > img {
  z-index: 102;
}

.css-bar:after,
.css-bar > img {
  width: 50px;
  height: 50px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 50px;
}

.css-bar.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-50 {
  background-image: linear-gradient(270deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-55 {
  background-image: linear-gradient(288deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-60 {
  background-image: linear-gradient(306deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-65 {
  background-image: linear-gradient(324deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-70 {
  background-image: linear-gradient(342deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-75 {
  background-image: linear-gradient(360deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-80 {
  background-image: linear-gradient(378deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-85 {
  background-image: linear-gradient(396deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-90 {
  background-image: linear-gradient(414deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-95 {
  background-image: linear-gradient(432deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-100 {
  background-image: linear-gradient(450deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-50 {
  background-image: linear-gradient(270deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-55 {
  background-image: linear-gradient(288deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-60 {
  background-image: linear-gradient(306deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-65 {
  background-image: linear-gradient(324deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-70 {
  background-image: linear-gradient(342deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-75 {
  background-image: linear-gradient(360deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-80 {
  background-image: linear-gradient(378deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-85 {
  background-image: linear-gradient(396deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-90 {
  background-image: linear-gradient(414deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-95 {
  background-image: linear-gradient(432deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-100 {
  background-image: linear-gradient(450deg, #7460ee 50%, transparent 50%, transparent), linear-gradient(270deg, #7460ee 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-50 {
  background-image: linear-gradient(270deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-55 {
  background-image: linear-gradient(288deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-60 {
  background-image: linear-gradient(306deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-65 {
  background-image: linear-gradient(324deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-70 {
  background-image: linear-gradient(342deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-75 {
  background-image: linear-gradient(360deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-80 {
  background-image: linear-gradient(378deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-85 {
  background-image: linear-gradient(396deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-90 {
  background-image: linear-gradient(414deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-95 {
  background-image: linear-gradient(432deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-100 {
  background-image: linear-gradient(450deg, #26c6da 50%, transparent 50%, transparent), linear-gradient(270deg, #26c6da 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-50 {
  background-image: linear-gradient(270deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-55 {
  background-image: linear-gradient(288deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-60 {
  background-image: linear-gradient(306deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-65 {
  background-image: linear-gradient(324deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-70 {
  background-image: linear-gradient(342deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-75 {
  background-image: linear-gradient(360deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-80 {
  background-image: linear-gradient(378deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-85 {
  background-image: linear-gradient(396deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-90 {
  background-image: linear-gradient(414deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-95 {
  background-image: linear-gradient(432deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-100 {
  background-image: linear-gradient(450deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-50 {
  background-image: linear-gradient(270deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-55 {
  background-image: linear-gradient(288deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-60 {
  background-image: linear-gradient(306deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-65 {
  background-image: linear-gradient(324deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-70 {
  background-image: linear-gradient(342deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-75 {
  background-image: linear-gradient(360deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-80 {
  background-image: linear-gradient(378deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-85 {
  background-image: linear-gradient(396deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-90 {
  background-image: linear-gradient(414deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-95 {
  background-image: linear-gradient(432deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-100 {
  background-image: linear-gradient(450deg, #ffbc34 50%, transparent 50%, transparent), linear-gradient(270deg, #ffbc34 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-50 {
  background-image: linear-gradient(270deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-55 {
  background-image: linear-gradient(288deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-60 {
  background-image: linear-gradient(306deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-65 {
  background-image: linear-gradient(324deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-70 {
  background-image: linear-gradient(342deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-75 {
  background-image: linear-gradient(360deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-80 {
  background-image: linear-gradient(378deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-85 {
  background-image: linear-gradient(396deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-90 {
  background-image: linear-gradient(414deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-95 {
  background-image: linear-gradient(432deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-100 {
  background-image: linear-gradient(450deg, #fc4b6c 50%, transparent 50%, transparent), linear-gradient(270deg, #fc4b6c 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Default -- */
.css-bar-default.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-50 {
  background-image: linear-gradient(270deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-55 {
  background-image: linear-gradient(288deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-60 {
  background-image: linear-gradient(306deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-65 {
  background-image: linear-gradient(324deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-70 {
  background-image: linear-gradient(342deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-75 {
  background-image: linear-gradient(360deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-80 {
  background-image: linear-gradient(378deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-85 {
  background-image: linear-gradient(396deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-90 {
  background-image: linear-gradient(414deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-95 {
  background-image: linear-gradient(432deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-100 {
  background-image: linear-gradient(450deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #1e88e5 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Pink -- */
.css-bar-pink.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-50 {
  background-image: linear-gradient(270deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-55 {
  background-image: linear-gradient(288deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-60 {
  background-image: linear-gradient(306deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-65 {
  background-image: linear-gradient(324deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-70 {
  background-image: linear-gradient(342deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-75 {
  background-image: linear-gradient(360deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-80 {
  background-image: linear-gradient(378deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-85 {
  background-image: linear-gradient(396deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-90 {
  background-image: linear-gradient(414deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-95 {
  background-image: linear-gradient(432deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-100 {
  background-image: linear-gradient(450deg, #1e88e5 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Purple -- */
.css-bar-purple.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-50 {
  background-image: linear-gradient(270deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-55 {
  background-image: linear-gradient(288deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-60 {
  background-image: linear-gradient(306deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-65 {
  background-image: linear-gradient(324deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-70 {
  background-image: linear-gradient(342deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-75 {
  background-image: linear-gradient(360deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-80 {
  background-image: linear-gradient(378deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-85 {
  background-image: linear-gradient(396deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-90 {
  background-image: linear-gradient(414deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-95 {
  background-image: linear-gradient(432deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-100 {
  background-image: linear-gradient(450deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Inverse -- */
.css-bar-inverse.css-bar-0 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-5 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-10 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-15 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-20 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-25 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-30 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-35 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-40 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-45 {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-50 {
  background-image: linear-gradient(270deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-55 {
  background-image: linear-gradient(288deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-60 {
  background-image: linear-gradient(306deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-65 {
  background-image: linear-gradient(324deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-70 {
  background-image: linear-gradient(342deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-75 {
  background-image: linear-gradient(360deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-80 {
  background-image: linear-gradient(378deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-85 {
  background-image: linear-gradient(396deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-90 {
  background-image: linear-gradient(414deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-95 {
  background-image: linear-gradient(432deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-100 {
  background-image: linear-gradient(450deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-lg {
  width: 100px;
  height: 100px;
  font-size: 20px;
  position: relative;
}

.css-bar-lg:after,
.css-bar-lg > img {
  width: 90px;
  height: 90px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 90px;
}

.css-bar-lg > img {
  width: 70px;
  height: 70px;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 70px;
}

.css-bar > i {
  width: 70px;
  height: 70px;
  background: #fff;
  line-height: 70px;
  position: absolute;
  border-radius: 100%;
  text-align: center;
  margin-left: 5px;
  margin-top: 5px;
  left: 0px;
  right: 0px;
  z-index: 120;
  font-size: 27px;
  color: #a6b7bf;
}

.css-bar-sm {
  width: 50px;
  height: 50px;
  font-size: 12px;
}

.css-bar-sm:after,
.css-bar-sm > img {
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 40px;
}

.css-bar-xs {
  width: 30px;
  height: 30px;
  font-size: 8px;
}

.css-bar-xs:after,
.css-bar-xs > img {
  width: 24px;
  height: 24px;
  margin-left: 3px;
  margin-top: 3px;
  line-height: 21px;
}

.css-bar {
  background-clip: content-box;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card {
  margin-bottom: 30px;
}

.card .card-subtitle {
  font-weight: 300;
  margin-bottom: 15px;
  color: #99abb4;
}

.card-no-border .card {
  border-color: #d7dfe3;
  border-radius: 4px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.card-body {
  flex: 1 1 auto;
  padding: 20px;
}

.card-title {
  margin-bottom: 12px;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card .header {
  background: #fff;
}

.card-shadow {
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.23), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 10px rgba(0, 0, 0, 0.23);
}

.cardHeader-action {
  flex: 0 0 auto;
  align-self: flex-start;
  margin-top: -8px;
  margin-right: -8px;
}

.cardHeader--btn-root {
  text-decoration: none;
  border: 0;
  padding: 6px 8px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.875rem;
  min-width: 64px;
  box-sizing: border-box;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  cursor: pointer;
}
.cardHeader--btn-root:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.cardHeader--btn-root:active {
  outline: none;
  border: none;
}
.cardHeader--btn-root:focus {
  outline: 0;
}

.cardHeader--btn-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}

@media print {
  a[href]:after {
    content: none !important;
  }

  .card {
    border: none !important;
  }

  .container {
    width: 100% !important;
  }

  .panel-collapse.collapse.p-t-5.p-b-5 {
    display: block !important;
  }

  .mat-expansion-panel.panel-shadow {
    box-shadow: none !important;
  }
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
}
.nav-pills > li.active > a {
  background-color: #1579b3;
}

@media only screen and (min-width: 768px) {
  table .text-right-md {
    text-align: right;
  }

  .tab-form .control-field {
    line-height: 34px;
  }
}
.tab-form {
  margin-bottom: 20px;
}
.tab-form .form-group {
  margin-bottom: 10px;
}
.tab-form .control-field {
  min-height: 34px;
}

.tab-pane > .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}
.tab-pane > .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}
.tab-pane > .table-bordered {
  border-top-color: transparent;
}
.tab-pane > .table-bordered tbody > tr:first-child > td {
  border-top-color: transparent;
}

.table-horizontal tr, .table-horizontal td[class*=col-] {
  display: block;
}
.table-horizontal .action-placeholder {
  padding-top: 20px;
}
.table-horizontal .form-group {
  margin-bottom: 0;
  margin-top: 20px;
}
.table-horizontal td:first-child .form-group {
  margin-top: 0;
}
.table-horizontal.borderless td, .table-horizontal th {
  border: none;
}

.btn-sortable {
  display: none;
}

.table tbody.ui-sortable .btn-sortable {
  display: inherit;
}
.table tbody.ui-sortable .ui-sortable-helper {
  position: absolute !important;
  opacity: 0.8;
  table-layout: fixed;
  outline: 2px solid #888888;
  outline-offset: -2px;
  z-index: 2001;
  background-color: lightyellow;
}
.table tbody.ui-sortable .table-sortable-bg {
  background: lightgoldenrodyellow !important;
}
.table tbody.ui-sortable tr th:first-child, .table tbody.ui-sortable td:first-child {
  position: relative;
  padding-left: 20px;
}
.table tbody.ui-sortable tr th:first-child .btn, .table tbody.ui-sortable td:first-child .btn {
  position: absolute;
  left: 5px;
  padding: 2px 1px;
  border-radius: 2px;
  top: 3px;
}
.table tbody.ui-sortable .ui-sortable-handle {
  cursor: ns-resize;
}

.empty-placeholder {
  display: none;
}

.header-names {
  margin-top: 20px;
}

.empty-panel .empty-placeholder {
  display: block;
}
.empty-panel .header-names,
.empty-panel .items-placeholder {
  display: none;
}

.dataTables_paginate {
  text-align: right;
}

.dataTables_info {
  margin: 20px 0;
  padding: 6px 0;
}

/*
:not(.card-body) > .dataTables_wrapper {
  position: relative;

  .dataTables_processing {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding-top: 40%;
  }
}
*/
.dataTables_paginate .pagination .next, .dataTables_paginate .pagination .previous {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pagination .first, .pagination .last {
    display: none;
  }
}
.table.table-condensed.dataTable.no-footer {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table.table-condensed.dataTable.no-footer td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.content-placeholder {
  position: relative;
}

.static-header-table {
  position: absolute;
  background: white;
  top: 0;
  left: 0;
}

td.details-control {
  background: url("/public/images/icons/arrow_right.png") no-repeat center center;
  cursor: pointer;
}

tr.shown td.details-control {
  background: url("/public/images/icons/arrow_down.png") no-repeat center center;
}

.tab-bordered > .active {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
  padding: 8px;
}

.panel {
  border: thin solid #ddd;
}

.panel-with-chevron .panel-title a .fa {
  margin-right: 6px;
}
.panel-with-chevron .panel-title a .fa-chevron-down,
.panel-with-chevron .panel-title a i[aria-label=expand_more] {
  display: none;
}
.panel-with-chevron .panel-title a .fa-chevron-up,
.panel-with-chevron .panel-title a i[aria-label=expand_less] {
  display: inline-block;
}
.panel-with-chevron .panel-title a.collapsed .fa-chevron-down,
.panel-with-chevron .panel-title a.collapsed i[aria-label=expand_more] {
  display: inline-block;
}
.panel-with-chevron .panel-title a.collapsed .fa-chevron-up,
.panel-with-chevron .panel-title a.collapsed i[aria-label=expand_less] {
  display: none;
}
.panel-with-chevron .panel {
  margin-top: 5px;
}
.panel-with-chevron .panel:first-child {
  margin-top: 0;
}

.panel-reset .panel {
  border: none;
}
.panel-reset .panel .panel-bottom {
  padding: 0;
}

.panel-default .panel-heading.panel-white {
  background: #ffffff;
}

.panel-details {
  background: #ffffff;
}

.more-information {
  position: absolute;
  top: 40%;
  left: 50%;
}

.btn-toogle button i[aria-label=expand_more] {
  display: none;
}
.btn-toogle button i[aria-label=expand_less] {
  display: inline-block;
}
.btn-toogle.collapsed button i[aria-label=expand_more] {
  display: inline-block;
}
.btn-toogle.collapsed button i[aria-label=expand_less] {
  display: none;
}

.header.ProjectSprint_type ~ .mat-expansion-panel.panel-shadow .md-btn-editmode {
  top: -372px;
}

.header.Kpi_type ~ .mdChartWrapper ~ .quickView .md-btn-editmode {
  top: -340px;
}

.header.Kpi_type ~ .mdChartWrapper ~ .duoChart .md-btn-editmode {
  top: -670px;
}

.mat-expansion-panel.panel-shadow {
  position: relative;
}

a.filter-influencer {
  display: none;
}

.panel-lazy a.filter-influencer {
  display: inline;
}

.progress-custom {
  width: 100%;
  max-width: 200px;
  padding-left: 85px;
  position: relative;
}
.progress-custom .progress {
  background-color: #ddd;
  margin-bottom: 0;
  display: block;
  height: 10px;
  position: absolute;
  width: 75px;
  left: 0;
  top: 6px;
  box-shadow: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #masterProjectOfAccordion .panel-title .percentComplete.hidden-xs {
    text-align: right;
  }
  #masterProjectOfAccordion .panel-title .percentComplete.hidden-xs .progress-custom {
    padding-left: 0;
  }
  #masterProjectOfAccordion .panel-title .percentComplete.hidden-xs .progress {
    display: none;
  }
}
.tagify-container .label {
  margin-right: 6px;
}
.tagify-container .glyphicon-remove {
  margin-left: 6px;
}

.bootstrap-tagsinput {
  width: 100%;
}

.flag-icon-background {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.flag-icon:before {
  content: " ";
}

.dropdown-menu .flag-icon {
  margin-right: 5px;
}

.flag-icon-gb {
  background-image: url(flags/gb.svg);
}

.flag-icon-zz {
  background-image: url(flags/gb.svg);
}

.flag-icon-qq {
  background-image: url(flags/nl.svg);
}

.flag-icon-nl {
  background-image: url(flags/nl.svg);
}

.flag-icon-pt {
  background-image: url(flags/pt.svg);
}

.flag-icon-fr {
  background-image: url(flags/fr.svg);
}

.flag-icon-de {
  background-image: url(flags/de.svg);
}

.flag-icon-se {
  background-image: url(flags/se.svg);
}

.flag-icon-es {
  background-image: url(flags/es.svg);
}

.documentsTree {
  overflow-x: auto;
}

.vakata-context {
  z-index: 20;
}

.show-grid [class^=col-] {
  background-color: #eee;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2);
}

@media screen {
  .gdfTable [level="1"] .col-name {
    padding-left: 18px;
  }
  .gdfTable [level="2"] .col-name {
    padding-left: 28px;
  }
  .gdfTable [level="3"] .col-name {
    padding-left: 38px;
  }
  .gdfTable [level="4"] .col-name {
    padding-left: 48px;
  }
  .gdfTable [level="5"] .col-name {
    padding-left: 58px;
  }
  .gdfTable [level="6"] .col-name {
    padding-left: 68px;
  }
  .gdfTable [level="7"] .col-name {
    padding-left: 78px;
  }
  .gdfTable [level="8"] .col-name {
    padding-left: 88px;
  }
  .gdfTable [level="9"] .col-name {
    padding-left: 98px;
  }
  .gdfTable [level="10"] .col-name {
    padding-left: 108px;
  }
}
.gdfTable .a-external-link {
  margin-right: 5px;
}
.gdfTable .col-name a {
  color: gray;
}
.gdfTable .hasNodes input {
  font-weight: bold;
}

.ganttHighLight {
  display: none;
}

.ganttButtonBar .not-supported {
  display: none;
}
.ganttButtonBar .hidden-for-task {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.ganttButtonBar .task-available {
  display: none;
}

.task-selected .hidden-for-task {
  display: none;
}
.task-selected .task-available {
  display: inline-block;
}

.creating .visible-on-creating {
  display: inline-block;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.creating .hidden-on-creating {
  display: none;
}

.saving-message {
  display: none;
}

.saving .buttons {
  visibility: hidden;
}
.saving .saving-message {
  display: block;
  margin: 0 auto;
  position: absolute;
}

.label-as-badge {
  border-radius: 1em;
}

@media print {
  .repeat-header-not thead {
    display: table-row-group;
  }

  .ganttBody {
    border-left: 1px solid #eee;
  }

  .gdfTable [level="1"] .col-name {
    padding-left: 2px;
  }
  .gdfTable [level="2"] .col-name {
    padding-left: 12px;
  }
  .gdfTable [level="3"] .col-name {
    padding-left: 22px;
  }
  .gdfTable [level="4"] .col-name {
    padding-left: 32px;
  }
  .gdfTable [level="5"] .col-name {
    padding-left: 42px;
  }
  .gdfTable [level="6"] .col-name {
    padding-left: 52px;
  }
  .gdfTable [level="7"] .col-name {
    padding-left: 62px;
  }
  .gdfTable [level="8"] .col-name {
    padding-left: 72px;
  }
  .gdfTable [level="9"] .col-name {
    padding-left: 82px;
  }
  .gdfTable [level="10"] .col-name {
    padding-left: 92px;
  }

  .splitBox1 {
    display: none;
  }

  .splitBox2 {
    width: 100% !important;
  }

  .showColumn-name .taskLabelSVG {
    display: none;
  }

  table.gdfTable th.col-index, table.gdfTable th.col-name, table.gdfTable th.col-start, table.gdfTable th.col-end, table.gdfTable th.col-duration, table.gdfTable th.col-dependency, table.gdfTable th.col-assignees, table.gdfTable td.col-index, table.gdfTable td.col-name, table.gdfTable td.col-start, table.gdfTable td.col-end, table.gdfTable td.col-duration, table.gdfTable td.col-dependency, table.gdfTable td.col-assignees {
    display: none;
  }

  .showColumn-index table.gdfTable th.col-index, .showColumn-index table.gdfTable td.col-index {
    display: table-cell;
  }

  .showColumn-name table.gdfTable th.col-name, .showColumn-name table.gdfTable td.col-name {
    display: table-cell;
  }

  .showColumn-duration table.gdfTable th.col-duration, .showColumn-duration table.gdfTable td.col-duration {
    display: table-cell;
  }

  .showColumn-dependency table.gdfTable th.col-dependency, .showColumn-dependency table.gdfTable td.col-dependency {
    display: table-cell;
  }

  .showColumn-assignees table.gdfTable th.col-assignees, .showColumn-assignees table.gdfTable td.col-assignees {
    display: table-cell;
  }

  .showColumn-start-end table.gdfTable th.col-start, .showColumn-start-end table.gdfTable td.col-start {
    display: table-cell;
    width: 5%;
  }
  .showColumn-start-end table.gdfTable th.col-end, .showColumn-start-end table.gdfTable td.col-end {
    display: table-cell;
    width: 5%;
  }

  [class*=showColumn-] .splitBox1 {
    display: block;
    float: left;
    width: 35% !important;
  }
  [class*=showColumn-] .splitBox2 {
    width: 65% !important;
  }
  [class*=showColumn-] svg {
    overflow: hidden !important;
  }
}
#togglePrintOptions .checkbox {
  margin-top: 0;
}

.hideEmptyRows .emptyRow {
  display: none;
}

.break-page {
  page-break-after: always;
}

@media screen {
  .divSVGRoot {
    position: absolute;
    top: 6000px;
  }
}
.divSVGRoot {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
.divSVGRoot thead td,
.divSVGRoot tbody td:last-child,
.divSVGRoot tbody td[class*=col-],
.divSVGRoot thead td .divider {
  border-right: 1px solid #eee;
}
.divSVGRoot thead td {
  text-align: center;
}
.divSVGRoot thead td .dateCell {
  position: relative;
}
.divSVGRoot thead td .dateCell .divider {
  position: absolute;
  left: -1px;
}
.divSVGRoot td[class*=col-] {
  padding: 0 10px;
  white-space: nowrap;
}
.divSVGRoot #divSVGChartGrid tr {
  border-bottom: none;
}
.divSVGRoot .ganttTable {
  position: absolute;
}
.divSVGRoot .ganttHead2 {
  border-bottom: none;
}
.divSVGRoot #chartPlaceholder {
  position: relative;
}
.divSVGRoot #chartPlaceholder #divSVGChartHeader th {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.divSVGRoot tr {
  border-bottom: 1px solid #eee;
  page-break-after: avoid;
}
.divSVGRoot tr[level="1"] .col-name {
  padding-left: 2px;
}
.divSVGRoot tr[level="2"] .col-name {
  padding-left: 12px;
}
.divSVGRoot tr[level="3"] .col-name {
  padding-left: 22px;
}
.divSVGRoot tr[level="4"] .col-name {
  padding-left: 32px;
}
.divSVGRoot tr[level="5"] .col-name {
  padding-left: 42px;
}
.divSVGRoot tr[level="6"] .col-name {
  padding-left: 52px;
}
.divSVGRoot tr[level="7"] .col-name {
  padding-left: 62px;
}
.divSVGRoot tr[level="8"] .col-name {
  padding-left: 72px;
}
.divSVGRoot tr[level="9"] .col-name {
  padding-left: 82px;
}
.divSVGRoot tr[level="10"] .col-name {
  padding-left: 92px;
}
.divSVGRoot .col-index,
.divSVGRoot .col-name {
  text-align: left;
}
.divSVGRoot .col-name {
  max-width: 300px;
}
.divSVGRoot .ellipsis,
.divSVGRoot .col-name {
  text-overflow: ellipsis;
  overflow: hidden;
}
.divSVGRoot .col-index {
  width: 30px;
}
.divSVGRoot .div-progress-text {
  position: absolute;
  color: #fff !important;
  left: 10px;
  font-size: 11px;
  line-height: 11px;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: white !important;
  color: black !important;
  padding: 0 3px;
}
.divSVGRoot .div-single .div-progress-text {
  top: 4px;
  margin-top: 4px;
}
.divSVGRoot .div-parent .div-progress-text {
  top: 0;
  margin-top: 6px;
}
.divSVGRoot .task-milestone .div-task-name {
  margin-left: 10px !important;
}
.divSVGRoot .divSVG {
  height: 29px;
  position: relative;
}
.divSVGRoot .divSVG .div-task-name {
  color: #555 !important;
  position: absolute;
  left: 100%;
  line-height: 29px;
  margin-left: 5px;
  white-space: nowrap;
  top: 0;
}
.divSVGRoot .divSVG .DIV_STATUS_DONE {
  border-color: #3BBF67 !important;
}
.divSVGRoot .divSVG .DIV_STATUS_ACTIVE {
  border-color: #0099FF !important;
}
.divSVGRoot .divSVG .DIV_STATUS_FAILED {
  border-color: #660066 !important;
}
.divSVGRoot .divSVG .DIV_STATUS_SUSPENDED {
  border-color: #fbb11e !important;
}
.divSVGRoot .divSVG .DIV_STATUS_UNDEFINED {
  border-color: #f0f0f0 !important;
}
.divSVGRoot .divSVG .div-task,
.divSVGRoot .divSVG .div-progress,
.divSVGRoot .divSVG .div-parent-marker {
  height: 20px;
  position: absolute;
  top: 5px;
  left: 0;
}
.divSVGRoot .divSVG .div-progress {
  border-bottom-width: 20px;
  border-bottom-style: solid;
}
.divSVGRoot .divSVG .div-task {
  border-width: 10px;
  border-style: solid;
}
.divSVGRoot .divSVG .div-task-wrap {
  width: 100%;
  height: 29px;
  overflow: hidden;
  position: relative;
}
.divSVGRoot .divSVG .div-task,
.divSVGRoot .divSVG .div-parent-marker {
  width: 100%;
}
.divSVGRoot .divSVG .div-task {
  opacity: 0.7;
}
.divSVGRoot .divSVG .div-parent-marker {
  border: 10px solid black;
  border-bottom-color: transparent;
}
.divSVGRoot .divSVG .div-parent-marker.div-parent-marker-small {
  border-width: 10px 0 0 0;
}
.divSVGRoot .divSVG .milestone {
  right: 0;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom-color: red;
  position: absolute;
  top: -4px;
  margin-right: -9px;
}
.divSVGRoot .divSVG .milestone:after {
  content: "";
  position: absolute;
  left: -9px;
  top: 9px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-top-color: red;
}
.divSVGRoot .ganttSVGPrintBox {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  background-color: transparent;
  width: 100%;
}
.divSVGRoot #divSVGChartHeader {
  margin-left: 1px;
}
.divSVGRoot .blocker,
.divSVGRoot .blocked {
  top: 5px;
  position: absolute;
}
.divSVGRoot .badge {
  border: 1px solid #777;
}
.divSVGRoot .badge div {
  position: absolute;
}
.divSVGRoot .badge .arrow-pointer {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #777;
  top: 4px;
}
.divSVGRoot .badge .arrow-body {
  border-bottom: 4px solid #777;
  width: 10px;
  top: 7px;
}
.divSVGRoot .blocked {
  left: -51px;
}
.divSVGRoot .blocker {
  right: -51px;
}
.divSVGRoot .blocker .arrow-pointer {
  left: -6px;
}
.divSVGRoot .blocker .arrow-body {
  left: -16px;
}
.divSVGRoot .blocked .arrow-pointer {
  right: -15px;
}
.divSVGRoot .blocked .arrow-body {
  right: -10px;
}

.dependency-link .badge {
  display: none;
}

.dependency-inline .linkGroup {
  display: none;
}

@media screen {
  #printWarning {
    display: none;
  }
}
@media print {
  #printWarning {
    display: block;
  }

  #workSpace,
.calBox,
.ganttSVGBox {
    display: none;
  }
}
#printOptions .panel {
  border: none;
}

.navbar-form .typeahead > li {
  overflow: hidden;
}
.navbar-form .typeahead > li > a {
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .navbar-typeahead {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .navbar-typeahead .typeahead {
    position: static;
    float: none;
  }
  .navbar-typeahead .form-group {
    position: relative;
    padding-right: 40px;
  }
  .navbar-typeahead .form-group .glyphicon-remove {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px;
  }
}
.navbar-typeahead {
  padding: 0;
}

/*
@include min-screen($screen-sm-min) {
  .navbar-typeahead {
    .typeahead {
      max-width: 500px;
    }
  }
}

@include min-screen($screen-md-min) {
  .navbar-typeahead .typeahead {
    max-width: 750px;
  }
}
*/
.panel-shadow {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.panel-space {
  margin-bottom: 20px;
}

.documents .actions {
  text-align: right;
}
.documents .extra-info .info-label {
  font-weight: bold;
  text-align: right;
}
.documents .document-image img {
  vertical-align: bottom;
}
.documents .document-document-field {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-confirm-delete .btn-deleting {
  display: none;
}
.modal-confirm-delete .deleting .btn {
  display: none;
}
.modal-confirm-delete .deleting .btn-deleting {
  display: inline;
}

@media only screen and (min-width: 992px) {
  .documents .table .extra-info .info-label {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .documents .table .fa {
    font-size: 2em;
  }
}
.link-collapsible a i[class*=-down],
.panel-collapsible .panel-title a i[class*=-down] {
  display: none;
}
.link-collapsible a .fa,
.panel-collapsible .panel-title a .fa {
  margin-right: 5px;
}
.link-collapsible a.collapsed i[class*=-down],
.panel-collapsible .panel-title a.collapsed i[class*=-down] {
  display: inline-block;
}
.link-collapsible a.collapsed i[class*=-up],
.panel-collapsible .panel-title a.collapsed i[class*=-up] {
  display: none;
}

#documentList thead {
  display: none;
}
#documentList thead th,
#documentList tfoot td {
  border: none;
}
#documentList.has-data thead {
  display: table-header-group;
}
#documentList.has-data tfoot {
  display: none;
}

.create-layout .doc-actions a {
  display: none;
}
.create-layout .doc-actions .remove {
  display: inline-block;
}

.modal-header.header-background {
  background: #f4f4f4;
  color: #111;
}

.modal-footer.material-footer {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  max-height: 100%;
  place-content: center flex-end;
  height: 71px;
}

.modal-body.modal-table {
  overflow-y: auto;
  height: calc(100% - 61px);
}

/*
  This is generated file - do not EDIT! Use *.scss original file
*/
.with-new-link .dropdown-menu li .new-link {
  position: absolute;
  right: 0;
}
.with-new-link .dropdown-menu.with-new-link a {
  padding-right: 30px;
}
.with-new-link .dropdown-menu.with-new-link a.new-link {
  padding-right: 40px;
}

.entity-list {
  width: 250px;
}

@media only screen and (min-width: 768px) {
  .screen-adjustable {
    max-width: 500px;
  }
}
@media only screen and (min-width: 992px) {
  .screen-adjustable {
    max-width: 700px;
  }
}
@media only screen and (min-width: 1200px) {
  .screen-adjustable {
    max-width: 900px;
  }
}
.ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.side-nav .collapsible > li.popup-link-placeholder {
  position: relative;
}
.side-nav .collapsible > li.popup-link-placeholder > a .popup-icon {
  position: absolute;
  left: inherit;
  right: 15px;
}

#mailingModal .tab-pane {
  position: relative;
}
#mailingModal .tab-pane .content-placeholder {
  overflow-y: auto;
  height: 500px;
}
#mailingModal .tab-pane .content-placeholder .list-group-flush .list-group-item:first-child {
  border-top: 0;
}
#mailingModal .list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
#mailingModal .list-group .list-group-item {
  padding: 0;
}
#mailingModal .list-group .list-group-item .md-container {
  padding: 0;
}

.jstree-proton input,
.jstree-proton .jstree-hovered input {
  background: #fff;
  color: #333;
}
.jstree-proton .state-fixed a i {
  display: inline-block;
  background-position: -6px -68px;
}

.jstree-empty-message {
  display: none;
}

.jstree-empty .search-node {
  display: none;
}
.jstree-empty .jstree-empty-message {
  display: block;
}

.jstree-target-zone {
  overflow-x: auto;
}
.jstree-target-zone.jstree-empty .jstree-empty-message {
  margin-left: 10px;
  position: absolute;
  display: block;
  z-index: 1;
}
.jstree-target-zone.jstree-empty .jstree-body {
  position: relative;
  background-color: #f5f5f5;
  height: 30px;
}
.jstree-target-zone .jstree-body {
  position: relative;
  background-color: transparent;
  height: auto;
}

.huge-container .text-container {
  max-height: 60px;
  overflow: auto;
}
.huge-container.edit-mode .text-container, .huge-container.expanded .text-container {
  max-height: none;
  overflow: visible;
}
.huge-container.edit-mode a.show-more, .huge-container.expanded a.show-more {
  display: none;
}
.huge-container.edit-mode a.show-less, .huge-container.expanded a.show-less {
  display: inline;
}
.huge-container a.show-less {
  display: none;
}

.huge-container {
  padding-right: 70px;
  position: relative;
}
.huge-container .editable-trigger {
  position: absolute;
  right: 15px;
}
.huge-container.edit-mode .editable-trigger {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .huge-container.edit-mode {
    padding-right: 0;
  }
  .huge-container .editable-trigger {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  tr .huge-container .editable-trigger {
    display: none;
  }

  tr:not([class=item-deleted]) .huge-container:hover .editable-trigger {
    display: inline-block;
  }
}
.timesheet-widget {
  /* Hide HTML5 Up and Down arrows. */
}
.timesheet-widget .btn-danger-icon {
  padding: 0 5px;
  display: inline-block;
  border-radius: 3px;
}
.timesheet-widget .alert-warning {
  margin-top: 15px;
}
.timesheet-widget .alert-info code {
  color: black;
}
.timesheet-widget .totalText {
  color: gray;
  text-align: right;
}
.timesheet-widget .total-col {
  text-align: right;
}
.timesheet-widget .total-col,
.timesheet-widget .total-row {
  font-weight: bold;
}
.timesheet-widget .ts-cell {
  text-align: right;
}
.timesheet-widget .list-group-item:hover {
  background-color: #f5f5f5;
}
.timesheet-widget .list-group-item:before,
.timesheet-widget .list-group-item:after {
  content: "";
  clear: both;
}
.timesheet-widget .list-group-item:first-child {
  border-top: 0;
}
.timesheet-widget .list-group-item .alert-info {
  margin-top: 20px;
}
.timesheet-widget .list-group-item .ts-label {
  font-weight: bold;
}
.timesheet-widget .list-group-item,
.timesheet-widget .panel-footer,
.timesheet-widget .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.timesheet-widget .list-group-item .total-col,
.timesheet-widget .list-group-item .ts-label,
.timesheet-widget .list-group-item .ts-description,
.timesheet-widget .list-group-item .ts-cell,
.timesheet-widget .panel-footer .total-col,
.timesheet-widget .panel-footer .ts-label,
.timesheet-widget .panel-footer .ts-description,
.timesheet-widget .panel-footer .ts-cell,
.timesheet-widget .panel-body .total-col,
.timesheet-widget .panel-body .ts-label,
.timesheet-widget .panel-body .ts-description,
.timesheet-widget .panel-body .ts-cell {
  padding-top: 10px;
  padding-bottom: 10px;
}
.timesheet-widget .panel-heading .ts-cell {
  text-align: right;
}
.timesheet-widget .panel-heading .active {
  font-weight: bold;
}
.timesheet-widget .templateBy-week .panel-heading .ts-cell {
  cursor: pointer;
  color: #1579b3;
}
.timesheet-widget .templateBy-week .panel-heading .ts-cell:hover {
  text-decoration: underline;
}
.timesheet-widget .templateBy-week .panel-heading .ts-cell.disabled {
  color: gray;
  cursor: not-allowed;
}
.timesheet-widget .templateBy-week .panel-heading .ts-cell.disabled:hover {
  text-decoration: none;
}
.timesheet-widget .list-group-item input {
  width: 100%;
  max-width: 60px;
  text-align: right;
  float: right;
  padding-left: 6px;
  padding-right: 6px;
}
.timesheet-widget input[type=number]::-webkit-outer-spin-button,
.timesheet-widget input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.timesheet-widget .fa-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
}
.timesheet-widget .show-all-entries .orphan {
  background-color: #eee;
}
.timesheet-widget .show-all-entries .orphan .ts-label {
  color: gray;
}
.timesheet-widget .show-all-entries .orphan .btn-danger-icon {
  visibility: hidden;
}
.timesheet-widget .show-all-entries .show-entry-message {
  display: none;
}
.timesheet-widget .hide-all-entries .orphan {
  display: none;
}
.timesheet-widget .hide-all-entries .show-entry-message {
  display: block;
}

.loading {
  position: relative;
}
.loading .list-group .list-group-item {
  opacity: 0.3;
}
.loading .fa-spinner {
  display: inline-block;
}

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

.datepickerButtonPlaceholder {
  margin-left: 5px;
}
.datepickerButtonPlaceholder .datepickerButton {
  margin-bottom: 0;
}
.datepickerButtonPlaceholder .datepickerButton .input-group-addon {
  width: 100%;
  background: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .templateBy-week .ts-cell {
    width: 14.2857142857%;
  }
}
@media only screen and (max-width: 767px) {
  .templateBy-week .ts-label {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
  }
}
@media only screen and (min-width: 992px) {
  .timesheet-widget ul .total-col {
    right: 0;
    position: absolute;
  }
  .timesheet-widget .panel-heading .panel-heading-paddings {
    padding-top: 0;
    padding-bottom: 0;
  }
  .timesheet-widget .panel-heading .panel-heading-paddings .dayName {
    padding-top: 10px;
  }
  .timesheet-widget .templateBy-week .panel-heading .active {
    margin-bottom: -1px;
    border-bottom: 1px solid #eee;
  }
  .timesheet-widget .panel-footer .active {
    margin-top: -1px;
    border-top: 1px solid #eee;
  }
  .timesheet-widget .list-group-item .active,
.timesheet-widget .templateBy-week .panel-heading .active,
.timesheet-widget .panel-footer .active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #eee;
  }
}
.task-ended {
  background-color: #F1F8E9;
}

.fixed-table-body {
  overflow-x: auto;
  min-height: 80px;
}

.fixed-table-footer,
.fixed-table-header {
  overflow: hidden;
}

.fixed-table-container {
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.timesheet-widget .form-control {
  border: 1px solid #cccccc9e;
}
.timesheet-widget .form-control[disabled], .timesheet-widget .form-control[readonly], .timesheet-widget fieldset[disabled] .form-control {
  background-color: #f5f5f5;
  opacity: 1;
}
.timesheet-widget .total.total-column {
  color: grey;
  font-weight: 400;
}
.timesheet-widget .ts-label .itemLinkRef {
  font-weight: 500;
}

.form-control-hidden {
  position: absolute !important;
  z-index: -1 !important;
  top: 0;
}

.toggleShowCurrentLabel {
  cursor: pointer;
}

.chosen-single {
  background: #fff !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
  margin: 6px 0 0 6px !important;
  background-image: none !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  padding: 6px 12px !important;
  color: #999;
  height: 32px !important;
}

.requirements-builder .requirements-builder-header .-with-bg {
  background-color: #3392e3;
  color: white;
}
.requirements-builder .requirements-builder-body .action-placeholder a {
  display: none;
}
.requirements-builder .requirements-builder-body .action-placeholder a.danger {
  display: block;
}
.requirements-builder .requirements-builder-body .requirements-builder-cols:not(:first-child) {
  padding-left: 14px;
}
.requirements-builder .row {
  display: flex;
  flex-wrap: inherit;
}
.requirements-builder .row > [class*=col-] {
  display: flex;
  flex-direction: column;
}
.requirements-builder .scrollable {
  overflow: auto;
  max-height: 500px;
}
.requirements-builder .jstree-empty .well {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  min-height: 0;
}

.panel-group .user-row {
  border-radius: 0;
}

.user-row {
  border-bottom: 1px solid #ddd;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-bottom: 5px;
}
.user-row .form-group:last-child {
  margin-bottom: 0;
}
.user-row .btn-deactivate .fa-thumbs-up {
  display: none;
}
.user-row .btn-deactivate.enable .fa-thumbs-down {
  display: none;
}
.user-row .btn-deactivate.enable .fa-thumbs-up {
  display: inherit;
}

.user-details {
  position: relative;
  padding-left: 68px;
  min-height: 50px;
}
.user-details h4 {
  margin-bottom: 0;
}
.user-details .avatar {
  right: inherit;
  left: 10px;
}
.user-details .avatar .avatar-body {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*

#userListAccordion {
  .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
  }

  .editable-text {
    margin: 0;
  }

  .reset-padding {
    padding-top: 0;
  }

}
*/
@media only screen and (max-width: 767px) {
  .list-overview-header-extra-info .user-login-info {
    position: absolute;
    white-space: nowrap;
    right: 20px;
  }
}
.person-photo {
  max-width: 150px;
  margin: 5px;
  padding: 3px;
  border: 1px solid gray;
}

.show-grid [class^=col-] {
  background-color: #eee;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2);
}

.panel-body .sub-accordion {
  margin-left: -15px;
  margin-right: -15px;
}

.sub-accordion.ui-sortable .panel {
  margin-top: 0;
}
.sub-accordion.ui-sortable .panel,
.sub-accordion.ui-sortable .panel .panel-toggler {
  cursor: ns-resize;
}
.sub-accordion.ui-sortable .ui-sortable-helper {
  opacity: 0.75;
}
.sub-accordion.ui-sortable .panel-sortable-bg {
  height: 44px;
  background-color: lightgoldenrodyellow;
}
.sub-accordion.ui-sortable.ui-sortable-disabled .panel {
  cursor: initial;
}
.sub-accordion.ui-sortable.ui-sortable-disabled .panel a.panel-toggler {
  cursor: pointer;
}
.sub-accordion.ui-sortable.ui-sortable-disabled .panel-toggler .btn-primary {
  display: none;
}
.sub-accordion.ui-sortable.ui-sortable-disabled .panel-toggler .fa-chevron-up,
.sub-accordion.ui-sortable.ui-sortable-disabled .panel-toggler .fa-chevron-down {
  visibility: visible;
}
.sub-accordion.ui-sortable .panel-toggler {
  padding-left: 5px;
}
.sub-accordion.ui-sortable .panel-toggler .fa-chevron-up,
.sub-accordion.ui-sortable .panel-toggler .fa-chevron-down {
  visibility: hidden;
}
.sub-accordion.ui-sortable .panel-toggler .btn-primary {
  display: initial;
  position: absolute;
  padding: 2px 1px;
  border-radius: 2px;
  color: #1579b3;
  background: transparent;
  border-color: transparent;
}
.sub-accordion .panel + .panel {
  margin-top: 0;
  border-top: none;
}
.sub-accordion .panel {
  border-radius: 0;
  box-shadow: none;
  border-left: none;
  border-right: none;
}
.sub-accordion .panel-title a.panel-toggler {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.sub-accordion .panel-title a.panel-toggler:hover {
  text-decoration: none;
}
.sub-accordion .form-group {
  min-height: 34px;
}
.sub-accordion .form-group .control-label {
  padding-top: 0;
}
.sub-accordion .restore-link {
  display: none;
}
.sub-accordion .state-deleted .restore-link {
  display: initial;
}
.sub-accordion .state-deleted .remove-link {
  display: none;
}
.sub-accordion .state-deleted a {
  opacity: 0.5;
}

.action-placeholder a {
  cursor: pointer;
}

.advanced-find-input.md-search {
  position: relative;
}
.advanced-find-input.md-search input[type=text] {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  padding: 8px 28px 8px 50px;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.12);
  height: 36px;
  transition: all 0.2s ease;
  border: none;
  font-size: 16px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  font-weight: 300;
  outline: none;
  border-radius: 3px;
  box-sizing: border-box;
  color: currentColor;
  background: rgba(48, 52, 65, 0.05);
  width: 100%;
}
.advanced-find-input.md-search input[type=text]:focus {
  outline: 0;
}
.advanced-find-input.md-search .typeahead.dropdown-menu,
.advanced-find-input.md-search .tips-dropdown {
  margin: 0;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border: 0;
  width: 100%;
}
.advanced-find-input.md-search .typeahead.dropdown-menu li,
.advanced-find-input.md-search .tips-dropdown li {
  min-height: 35px;
}
.advanced-find-input.md-search .typeahead.dropdown-menu li.dropdown-header,
.advanced-find-input.md-search .typeahead.dropdown-menu li a,
.advanced-find-input.md-search .tips-dropdown li.dropdown-header,
.advanced-find-input.md-search .tips-dropdown li a {
  line-height: 35px;
}
.advanced-find-input.md-search .typeahead.dropdown-menu li a.dropdown-item,
.advanced-find-input.md-search .tips-dropdown li a.dropdown-item {
  font-weight: 300;
  outline: none;
}
.advanced-find-input.md-search .dropdown-menu li a:hover,
.advanced-find-input.md-search .dropdown-menu li a:focus,
.advanced-find-input.md-search .dropdown-menu .active a:hover,
.advanced-find-input.md-search .dropdown-menu .active a:focus {
  color: #111;
  background-color: #efefef;
}
.advanced-find-input.md-search .dropdown-menu .active a {
  color: #111;
  background-color: #efefef;
}

.advanced-find-input {
  position: relative;
}
.advanced-find-input input[type=text] {
  padding-right: 27px;
  padding-left: 27px;
}
.advanced-find-input .btn {
  position: absolute;
  top: 0;
  z-index: 3;
  padding: 6px;
}
.advanced-find-input .clear {
  right: 5px;
}
.advanced-find-input .select {
  left: 0;
  color: #777;
}
.advanced-find-input.empty .clear {
  display: none;
}

.form-group.form-group-width {
  width: 90%;
}

.navbar-form .dropdown-top-search li a {
  position: relative;
}
.navbar-form .dropdown-top-search li a .copy-link {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 12px;
  display: none;
}
.navbar-form .dropdown-top-search li a .copy-link:hover {
  color: #1579b3;
}
.navbar-form .dropdown-top-search li a .copy-link .material-icons {
  font-size: 14px;
}
.navbar-form .dropdown-top-search li a:hover .copy-link {
  display: block;
}

.tips li {
  padding: 2px;
  font-size: 16px;
}

.advanced-find-input.empty .typeahead {
  display: none;
}

.navbar-typeahead .spinner {
  display: none;
}
.navbar-typeahead .loading .spinner {
  display: inherit;
}
.navbar-typeahead .loading .select {
  display: none;
}

/*******************
Font Size
*******************/
.font-60 {
  font-size: 60px !important;
}

.font-52 {
  font-size: 52px !important;
}

.font-46 {
  font-size: 46px !important;
}

.font-36 {
  font-size: 36px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-18 {
  font-size: 18px !important;
}

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

.font-14 {
  font-size: 14px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-9 {
  font-size: 9px !important;
}

.font-8 {
  font-size: 8px !important;
}

.font-7 {
  font-size: 7px !important;
}

.font-6 {
  font-size: 6px !important;
}

.font-5 {
  font-size: 5px !important;
}

/*

@mixin dot-size($size, $top) {
  .dot-icon {
    //font-size: $size !important;
    font-size: 0.7em;
    top: $top !important;
    color: black !important;
  }
}
*/
.font-unset {
  font-size: unset !important;
}

.ogsm--ul-padding5 ul.ogsmUL,
.ogsm--ul-padding6 ul.ogsmUL {
  padding-left: 2px;
}

.ogsm--ul-padding7 ul.ogsmUL,
.ogsm--ul-padding8 ul.ogsmUL {
  padding-left: 3px;
}

.ogsm--ul-padding9 ul.ogsmUL,
.ogsm--ul-padding10 ul.ogsmUL {
  padding-left: 4px;
}

.ogsm--ul-padding12 ul.ogsmUL {
  padding-left: 5px;
}

.ogsm--ul-padding14 ul.ogsmUL {
  padding-left: 6px;
}

.ogsm--ul-padding16 ul.ogsmUL {
  padding-left: 8px;
}

.ogsm--ul-padding18 ul.ogsmUL {
  padding-left: 10px;
}
.ogsm--ul-padding18.column4FontSize .ogsmBtn--add {
  top: -2px;
}

.ogsm--ul-padding20 ul.ogsmUL {
  padding-left: 10px;
}
.ogsm--ul-padding20.column4FontSize .ogsmBtn--add {
  top: -4px;
}

.ogsm--ul-padding22 ul.ogsmUL {
  padding-left: 12px;
}
.ogsm--ul-padding22.column4FontSize .ogsmBtn--add {
  top: -4px;
}

.ogsm--ul-padding24 ul.ogsmUL {
  padding-left: 16px;
}
.ogsm--ul-padding24.column4FontSize .ogsmBtn--add {
  top: -5px;
}

.ogsm--ul-padding26 ul.ogsmUL {
  padding-left: 18px;
}
.ogsm--ul-padding26.column4FontSize .ogsmBtn--add {
  top: -6px;
}

.ogsm--ul-padding28 ul.ogsmUL {
  padding-left: 20px;
}
.ogsm--ul-padding28.column4FontSize .ogsmBtn--add {
  top: -6px;
}

.ogsm--ul-padding36 ul.ogsmUL {
  padding-left: 22px;
}
.ogsm--ul-padding36.column4FontSize .ogsmBtn--add {
  top: -7px;
}

.ogsm--ul-padding46 ul.ogsmUL {
  padding-left: 26px;
}
.ogsm--ul-padding46.column4FontSize .ogsmBtn--add {
  top: -9px;
}

.ogsm--ul-padding52 ul.ogsmUL {
  padding-left: 32px;
}
.ogsm--ul-padding52.column4FontSize .ogsmBtn--add {
  top: -11px;
}

.ogsm--ul-padding60 ul.ogsmUL {
  padding-left: 37px;
}
.ogsm--ul-padding60.column4FontSize .ogsmBtn--add {
  top: -12px;
}

/*******************
Paddings
*******************/
html body {
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}
html body .p-0 {
  padding: 0px !important;
}
html body .p-1 {
  padding: 1px !important;
}
html body .p-5 {
  padding: 5px;
}
html body .p-10 {
  padding: 10px;
}
html body .p-20 {
  padding: 20px;
}
html body .p-30 {
  padding: 30px;
}
html body .p-l-0 {
  padding-left: 0px;
}
html body .p-l-5 {
  padding-left: 5px;
}
html body .p-l-10 {
  padding-left: 10px;
}
html body .p-l-15 {
  padding-left: 15px;
}
html body .p-l-20 {
  padding-left: 20px;
}
html body .p-l-40 {
  padding-left: 40px !important;
}
html body .p-l-80 {
  padding-left: 80px !important;
}
html body .p-r-0 {
  padding-right: 0px;
}
html body .p-r-5 {
  padding-right: 5px;
}
html body .p-r-10 {
  padding-right: 10px;
}
html body .p-r-15 {
  padding-right: 15px;
}
html body .p-r-20 {
  padding-right: 20px;
}
html body .p-r-30 {
  padding-right: 30px;
}
html body .p-r-40 {
  padding-right: 40px;
}
html body .p-t-0 {
  padding-top: 0px;
}
html body .p-t-5 {
  padding-top: 5px;
}
html body .p-t-10 {
  padding-top: 10px;
}
html body .p-t-20 {
  padding-top: 20px;
}
html body .p-t-30 {
  padding-top: 30px;
}
html body .p-b-0 {
  padding-bottom: 0px;
}
html body .p-b-5 {
  padding-bottom: 5px;
}
html body .p-b-10 {
  padding-bottom: 10px;
}
html body .p-b-20 {
  padding-bottom: 20px;
}
html body .p-b-30 {
  padding-bottom: 30px;
}
html body .p-b-40 {
  padding-bottom: 40px;
}

/*******************
Margin
*******************/
html body .m-0 {
  margin: 0px;
}
html body .m-l-5 {
  margin-left: 5px;
}
html body .m-l-10 {
  margin-left: 10px;
}
html body .m-l-15 {
  margin-left: 15px;
}
html body .m-l-20 {
  margin-left: 20px;
}
html body .m-l-30 {
  margin-left: 30px;
}
html body .m-l-40 {
  margin-left: 40px;
}
html body .m-r-5 {
  margin-right: 5px;
}
html body .m-r-10 {
  margin-right: 10px;
}
html body .m-r-15 {
  margin-right: 15px;
}
html body .m-r-20 {
  margin-right: 20px;
}
html body .m-r-30 {
  margin-right: 30px;
}
html body .m-r-40 {
  margin-right: 40px;
}
html body .m-t-0 {
  margin-top: 0px;
}
html body .m-t-5 {
  margin-top: 5px;
}
html body .m-t-10 {
  margin-top: 10px;
}
html body .m-t-15 {
  margin-top: 15px;
}
html body .m-t-20 {
  margin-top: 20px;
}
html body .m-t-30 {
  margin-top: 30px;
}
html body .m-t-40 {
  margin-top: 40px;
}
html body .m-b-0 {
  margin-bottom: 0px !important;
}
html body .m-b-5 {
  margin-bottom: 5px;
}
html body .m-b-10 {
  margin-bottom: 10px;
}
html body .m-b-15 {
  margin-bottom: 15px;
}
html body .m-b-20 {
  margin-bottom: 20px;
}
html body .m-b-30 {
  margin-bottom: 30px;
}
html body .m-b-40 {
  margin-bottom: 40px;
}

/*******************
Margin - xs
*******************/
@media only screen and (max-width: 992px) {
  .m-l-30-xs {
    margin-left: 30px;
  }
}
/*******************
vertical alignment
*******************/
html body .vt {
  vertical-align: top;
}
html body .vm {
  vertical-align: middle;
}
html body .vb {
  vertical-align: bottom;
}

/*******************
Text alignment
*******************/
html body .t-c {
  text-align: center;
}
html body .t-l {
  text-align: left;
}
html body .t-r {
  text-align: right;
}

/*******************
Default Colors
*******************/
.color-black {
  color: #111;
}

.color-white {
  color: #ffffff !important;
}

.top-action-icon {
  color: #ffffff;
}

.color-yellow {
  color: #fdd835;
}

.color-green {
  color: #43a047;
}

.counter-empty,
.counter-empty:hover {
  color: rgba(255, 255, 255, 0.3) !important;
}

.color-light-grey {
  color: #999999cf !important;
}

.color-red {
  color: #F44336 !important;
}

.color-transparent {
  color: transparent !important;
}

/*******************
background Colors
*******************/
.bg-white {
  background: #ffffff !important;
}

.bg-blue {
  background: #1579b3 !important;
}

.bg-yellow {
  background: #FFEB3B !important;
}

.bg-green {
  background: #009688 !important;
}

.bg-red {
  background: #F44336 !important;
}

.bg-grey {
  background-color: #f4f4f4 !important;
}

.bg-body {
  background-color: #f0f0f7;
}

.bg-purple {
  background-color: #F0F0F7 !important;
}

.bg-theme {
  background: #1579b3;
}

@media print {
  .bg-theme {
    background-color: #1579b3 !important;
    -webkit-print-color-adjust: exact;
  }

  .table th {
    text-align: left;
    background-color: #1579b3 !important;
    color: white;
  }
}
/*******************
Flex Aligments
*******************/
.flex-center {
  display: flex;
  align-items: center;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

.display-inlineFlex {
  display: inline-flex;
}

.display-ib {
  display: inline-block;
}

/*******************
Border
*******************/
.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.border-unset {
  border: unset;
}

/*******************
Min heights
*******************/
.min-height-full {
  min-height: 100%;
}

.min-height-half {
  min-height: 50%;
}

.min-height-10 {
  min-height: 10px;
}

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

/*******************
Position
*******************/
.position-relative {
  position: relative;
}

/*******************
Z-index
*******************/
.z-10 {
  z-index: 10;
}

.z-100 {
  z-index: 100;
}

/*******************
Text Decoration
*******************/
.text-underline {
  text-decoration: underline;
}

/*******************
floats - Bootstrap 4 already have this classes
*******************/
.float-left {
  float: left;
}

.float-right {
  float: right;
}

/*******************
Text Decoration
*******************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .ie-width {
    width: 100%;
  }

  .ie-inline-left {
    display: block !important;
    float: left !important;
  }

  .ie-inline-right {
    display: block !important;
    margin-right: 10px !important;
    margin-left: 0px !important;
    padding-right: 5px !important;
  }

  .customMDActionLayout {
    position: relative;
  }
  .customMDActionLayout #commentsToggler, .customMDActionLayout #documentsToggler {
    width: 36px;
    height: 24px;
  }
  .customMDActionLayout #commentsToggler span, .customMDActionLayout #documentsToggler span {
    position: absolute;
    bottom: 3px;
    float: right;
  }
}
/*******************
Cursor
*******************/
.pointer {
  cursor: pointer;
}

/*******************
Loading
*******************/
.loadingAnimation {
  display: none;
}

.ajaxloading {
  position: relative;
}
.ajaxloading .mat-expansion-panel,
.ajaxloading .fa {
  color: #fff !important;
}
.ajaxloading .loadingAnimation {
  display: block;
  position: absolute;
  top: 0;
  background: #80808096;
  width: 100%;
  height: 100%;
}
.ajaxloading .line {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #4b9cdb;
}
.ajaxloading .load-3 .line:nth-last-child(1) {
  -webkit-animation: loadingC 0.6s 0.1s linear infinite;
          animation: loadingC 0.6s 0.1s linear infinite;
}
.ajaxloading .load-3 .line:nth-last-child(2) {
  -webkit-animation: loadingC 0.6s 0.2s linear infinite;
          animation: loadingC 0.6s 0.2s linear infinite;
}
.ajaxloading .load-3 .line:nth-last-child(3) {
  -webkit-animation: loadingC 0.6s 0.3s linear infinite;
          animation: loadingC 0.6s 0.3s linear infinite;
}

.ogsmPrint {
  cursor: progress;
}
.ogsmPrint .rkmd-btn {
  color: #ffffff !important;
  visibility: hidden;
}
.ogsmPrint .printMessage {
  display: block;
}
.ogsmPrint .createable {
  display: none;
}

.createable {
  color: #1579b3;
  font-style: italic;
  border-color: #1579b3;
}

.printMessage {
  background-color: #000;
  opacity: 0.85;
  height: 230px;
  width: 600px;
  border-radius: 20px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  display: none;
}
.printMessage .text-print {
  color: #ffffff;
}
.printMessage .text-print h2 {
  margin: 20px 30% 10px 30%;
}
.printMessage .text-print p {
  margin: 0 40px;
  text-align: center;
}
.printMessage .spinner {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
}
.printMessage .bubble-1,
.printMessage .bubble-2 {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #ffffff;
}
.printMessage .bubble-2 {
  top: auto;
  bottom: 0;
}
.printMessage .l-9 {
  -webkit-animation-delay: 1.44s;
          animation-delay: 1.44s;
}
.printMessage .load-9 .spinner {
  -webkit-animation: loadingI 2s linear infinite;
          animation: loadingI 2s linear infinite;
}
.printMessage .load-9 .bubble-1, .printMessage .load-9 .bubble-2 {
  -webkit-animation: bounce 2s ease-in-out infinite;
          animation: bounce 2s ease-in-out infinite;
}
.printMessage .load-9 .bubble-2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes loadingI {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingI {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.point {
  width: 6px;
  height: 6px;
  border-radius: 30px;
  background-color: #fc4b6c;
  position: absolute;
  right: 0px;
  bottom: 5px;
}

.mat-expansion-panel .panel-heading {
  min-height: 52px;
}

@media screen and (min-width: 1200px) {
  .panel-title .action-placeholder {
    display: none;
  }
  .panel-title:hover .action-placeholder {
    display: inline-block;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .container {
    width: 1260px;
  }
}
@media (min-width: 1400px) and (max-width: 1439px) {
  .container {
    width: 1320px;
  }
}
@media (min-width: 1620px) and (max-width: 1919px) {
  .container {
    width: 1360px;
    /* Wider screens, common for desktops */
  }
}
@media (min-width: 1920px) {
  .container {
    width: 1600px;
    /* Extra-large screens */
  }
}
@media (min-width: 2248px) {
  .container {
    width: 1940px;
    /* Adjusted container width for ultra-wide screens */
  }
}
/* =========================== */
/*          MD Design         */
/* ========================= */
.form-group .decoy,
.md-container .decoy {
  display: none;
}
.form-group .decoy input,
.md-container .decoy input {
  padding-left: 25px;
}
.form-group > .row > [class*=col-],
.md-container > .row > [class*=col-] {
  padding-bottom: 17px;
}
.form-group > .row > [class*=col-].lazy-init .md-group,
.md-container > .row > [class*=col-].lazy-init .md-group {
  display: none;
}
.form-group > .row > [class*=col-].lazy-init .md-group.decoy,
.md-container > .row > [class*=col-].lazy-init .md-group.decoy {
  display: block;
}

.md-container {
  background-color: #ffffff;
  width: 100%;
  padding: 15px;
}

.md-description {
  color: #111;
}

.md-content .CodeMirror {
  border: none;
  background: transparent;
}
.md-content .CodeMirror .editor-preview {
  background: white;
}
.md-content .short-description-area > div {
  padding-bottom: 10px;
}
.md-content .short-description-area .short-field {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.md-content .short-description-area .icon-placeholder,
.md-content .short-description-area .label-placeholder,
.md-content .short-description-area .value-placeholder {
  float: left;
}
.md-content .short-description-area .label-placeholder,
.md-content .short-description-area .value-placeholder {
  margin-right: 5px;
}
.md-content .short-description-area .value-placeholder {
  width: 50%;
}
.md-content .short-description-area .value-placeholder .progress {
  margin-bottom: 0;
}
.md-content .short-description-area .icon-placeholder {
  margin-right: 10px;
}
.md-content .short-description-area .icon-placeholder .fa {
  width: 20px;
}
.md-content .short-description-area span {
  padding-left: 5px;
}

.md-content img,
.CodeMirror .editor-preview img {
  max-width: 100%;
}

/* ---- Ordering ------- */
.customized {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.customized .col-xs-12 {
  order: 1;
}

.customized .col-xs-12 + .col-xs-6 {
  order: 0;
}

/* ---- text field ----- */
.md-group {
  position: relative;
  margin-top: 25px;
  /* LABEL */
}
.md-group .fa-spinner {
  display: none;
  right: 5px;
  top: 14px;
  position: absolute;
}
.md-group.disabled .md-input__text, .md-group.disabled.has-value label {
  color: gray;
}
.md-group.loading .md-autocomplete-clear,
.md-group.loading .md-autocomplete-arrow {
  display: none !important;
}
.md-group.loading .fa-spinner {
  display: inline-block;
}
.md-group .md-input__text {
  background: transparent;
  font-size: 12px;
  padding: 8px 25px 8px 5px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #757575;
  vertical-align: bottom;
  height: 30px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  /* Firefox 1-3.6 */
  border-radius: 0;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.md-group .md-input__text::-ms-clear {
  display: none;
}
.md-group .md-input__text:disabled {
  border-bottom: 1px solid #ddd;
}
.md-group .md-input__text:focus {
  outline: none;
}
.md-group .md-label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  margin: 0;
  left: 5px;
  padding-left: 0;
  top: 4px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.md-group .md-label.md-label-multi {
  top: 23px;
}

.md-group {
  /* BOTTOM BARS */
  /* active state */
  /* HIGHLIGHTER */
  /* active state */
}
.md-group .md-input__bar {
  position: relative;
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.42);
}
.md-group .md-input__bar:before,
.md-group .md-input__bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #1579b3;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.md-group .md-input__bar:before {
  left: 50%;
}
.md-group .md-input__bar:after {
  right: 50%;
}
.md-group .md-input__text:not([readonly]):focus ~ .md-input__bar:before,
.md-group .md-input__text:not([readonly]):focus ~ .md-input__bar:after {
  width: 50%;
}
.md-group .md-input__highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}
.md-group .md-input__text:not([readonly]):focus ~ .md-input__highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS */
@-webkit-keyframes inputHighlighter {
  from {
    background: #1579b3;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #1579b3;
  }
  to {
    width: 0;
    background: transparent;
  }
}
/* ----- Check Box ------ */
.md-group_checkbox {
  position: relative;
  margin: 28px 0 5px 0;
}
.md-group_checkbox .md-label {
  cursor: pointer;
  height: 20px !important;
  margin: 0;
  font-weight: 400;
}
.md-group_checkbox .md-label:before, .md-group_checkbox .md-label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.md-group_checkbox .md-label:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.3s;
}
.md-group_checkbox .md-checkbox {
  outline: none;
  margin-right: 10px;
}
.md-group_checkbox .md-checkbox:focus {
  outline: none;
}
.md-group_checkbox .md-checkbox:focus + .md-label:before {
  outline: 5px auto -webkit-focus-ring-color;
}
.md-group_checkbox .md-checkbox:checked + .md-label:before {
  background: #1579b3;
  border: none;
}
.md-group_checkbox .md-checkbox:checked + .md-label:after {
  transform: rotate(-45deg);
  top: 5px;
  left: 4px;
  width: 12px;
  height: 6px;
  border: 2px solid #fff;
  border-top-style: none;
  border-right-style: none;
}

.md-group_radio {
  display: inline-block;
  margin: 0;
  position: relative;
}
.md-group_radio input {
  left: 0;
  position: absolute;
  top: 0;
}
.md-group_radio label {
  height: 20px;
  width: 20px;
}

/* ----- Date Field------ */
.md-datefield .md-input__bar,
.md-typeahead .md-input__bar {
  width: 100%;
}

.md-btn__left,
.md-btn__right {
  position: absolute;
  top: 4px;
}
.md-btn__left i,
.md-btn__right i {
  color: #A6A6A6;
}

.md-btn__right {
  right: 1px;
}

.md-btn__left {
  left: 1px;
  top: 20%;
  margin: 0;
}

.md-autocomplete-clear,
.md-autocomplete-arrow {
  display: none;
}

.has-value .md-autocomplete-clear,
.has-value .md-autocomplete-arrow {
  display: block;
}
.has-value.is-dirty .md-autocomplete-arrow {
  display: none;
}
.has-value .md-field-url,
.has-value .md-field-typeahead {
  padding-left: 25px;
}
.has-value.is-dirty .md-field-typeahead {
  padding-left: 0;
}

.readonly-value .md-autocomplete-clear {
  display: none;
}

.popover-content .has-value .md-field-typeahead {
  padding-left: 0;
}

.md-autocomplete-arrow {
  position: absolute;
  top: 4px;
  left: 0px;
}

.md-error-helper {
  color: #f44336;
}

.md-datefield .md-btn__right {
  cursor: pointer;
}

/* --- Typeahead --- */
.md-group.has-error.has-focus .md-label,
.md-group.has-error .md-label,
.md-group.has-error .md-input__text {
  color: #f44336;
}
.md-group.has-error.md-group .chosen-container,
.md-group.has-error .md-input__text {
  border-bottom-color: #f44336;
}
.md-group.has-error .md-input__bar:before,
.md-group.has-error .md-input__bar:after {
  background-color: #f44336;
}
.md-group .typeahead + .dropdown-menu {
  width: 100%;
}
.md-group .dropdown-menu {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}

.typeahead + .dropdown-menu {
  margin: 0;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border: 0;
}

/* ----- Date Field------ */
.md-datefield .md-input__bar,
.md-typeahead .md-input__bar {
  width: 100%;
}

.empty .md-autocomplete-clear {
  display: none;
}

/* --- Typeahead --- */
.md-group .typeahead.dropdown-menu {
  width: 100%;
  margin: 0;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border: 0;
}
.md-group .typeahead.dropdown-menu li {
  min-height: 35px;
}
.md-group .typeahead.dropdown-menu li .dropdown-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
  line-height: 28px;
  white-space: pre-line;
}
.md-group .typeahead.dropdown-menu .active {
  background: #f5f5f5;
}

.md-group .chosen-results {
  margin: 0;
  width: 100%;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border: 0;
}
.md-group .chosen-results li {
  height: 35px;
  line-height: 29px !important;
  padding: 3px 20px !important;
}

.highlighted {
  background: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  /* Firefox 1-3.6 */
  border-radius: 0;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

/* ----- Text Area-------*/
.md-textarea-only .md-input__text {
  resize: none;
  height: 70px;
}

.md-textarea .md-input__text {
  resize: none;
  height: 37px;
}
.md-textarea label.md-label {
  color: #1579b3;
}

.md-readonly.has-value label, .md-readonly.has-focus label,
.md-group.has-value label,
.md-group.has-focus label {
  top: -20px !important;
  font-size: 14px;
  color: #1579b3;
}

/* ----- Select ---- */
select#projectPhaseFilter {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: inherit;
  background-color: #f5f5f5;
  padding: 4px 20px 6px 15px;
  font-size: 16px;
  color: #242424;
  border: none;
  width: 162px;
  border-radius: 4px;
}
select#projectPhaseFilter:focus {
  outline: 0;
}

.select--sort {
  position: relative;
  float: left;
}
.select--sort select {
  padding: 5px 40px 5px 0px !important;
  background: none;
  height: 30px;
  position: relative;
  z-index: 2;
  border: none;
}
.select--sort select:focus {
  outline: 0;
}
.select--sort .select--pointer {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.26);
  font-size: 20px;
  z-index: 1;
}
.select--sort .select--pointer i {
  margin-top: 6px;
}

.md-selectfield__placeholder {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.26);
  right: 0;
  padding: 2px 0;
  position: absolute;
  text-align: right;
  top: -2px;
}
.md-selectfield__placeholder > i {
  outline: 0;
}

/* ----- Number ---- */
.md-number[readonly]::-webkit-outer-spin-button,
.md-number[readonly]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.md-number[readonly] {
  -moz-appearance: textfield;
}

/* ----- Chips ---- */
.md-btn {
  text-decoration: none;
  color: #fff;
  background-color: #1579b3;
  text-align: center;
  letter-spacing: 0.5px;
  transition: 0.2s ease-out;
  cursor: pointer;
}
.md-btn:hover {
  background-color: #169ce9;
  color: #fff;
}
.md-btn:focus {
  background-color: #169ce9;
}
.md-btn:active {
  outline: 0;
}

/* ----- Multi and Single Select ---- */
.md-group .chosen-container-single {
  height: 30px !important;
}
.md-group .chosen-container-single .chosen-single {
  height: 30px !important;
}
.md-group .chosen-container-single .chosen-single span {
  height: 28px !important;
}
.md-group .chosen-container-multi .chosen-choices,
.md-group .chosen-container-multi .chosen-single, .md-group .chosen-container-single .chosen-choices,
.md-group .chosen-container-single .chosen-single {
  background-color: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  background-image: none;
  cursor: text;
  height: 36px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0 1px 5px;
  position: relative;
}
.md-group .chosen-container-multi .chosen-choices div,
.md-group .chosen-container-multi .chosen-single div, .md-group .chosen-container-single .chosen-choices div,
.md-group .chosen-container-single .chosen-single div {
  display: none;
}
.md-group .chosen-container-multi .chosen-choices li.search-field,
.md-group .chosen-container-multi .chosen-single li.search-field, .md-group .chosen-container-single .chosen-choices li.search-field,
.md-group .chosen-container-single .chosen-single li.search-field {
  margin: 5px 0;
}
.md-group .chosen-container-multi .chosen-choices li.search-field input,
.md-group .chosen-container-multi .chosen-single li.search-field input, .md-group .chosen-container-single .chosen-choices li.search-field input,
.md-group .chosen-container-single .chosen-single li.search-field input {
  padding: 0;
}
.md-group .chosen-container-multi .chosen-choices li.search-choice,
.md-group .chosen-container-multi .chosen-single li.search-choice, .md-group .chosen-container-single .chosen-choices li.search-choice,
.md-group .chosen-container-single .chosen-single li.search-choice {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px !important;
  margin-right: 5px !important;
  margin-left: 0 !important;
  border: 0 !important;
}
.md-group .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
.md-group .chosen-container-multi .chosen-single li.search-choice .search-choice-close, .md-group .chosen-container-single .chosen-choices li.search-choice .search-choice-close,
.md-group .chosen-container-single .chosen-single li.search-choice .search-choice-close {
  position: relative;
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  margin: 7px 0 0 10px;
  display: inline-block;
}
.md-group .chosen-container {
  background: transparent;
  font-size: 14px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #757575;
  vertical-align: bottom;
}
.md-group .chosen-container .chosen-drop {
  margin: 0;
  width: 100%;
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  border: 0;
}
.md-group .chosen-container .chosen-drop .chosen-results {
  padding: 0;
  margin: 0 !important;
}
.md-group .chosen-container .chosen-drop .chosen-results li em {
  font-weight: bold;
}
.md-group .chosen-container .chosen-drop .chosen-results .no-results {
  display: none;
}
.md-group .chosen-container .chosen-drop .chosen-results .create-new-item {
  display: list-item;
  cursor: pointer;
}
.md-group .chosen-container .chosen-drop .chosen-results .create-new-item span {
  font-weight: bold;
}

/* --- Helper text --- */
.md-error-helper,
.md-helper {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  position: absolute;
}

.md-helper {
  color: rgba(0, 0, 0, 0.54);
}

/* --- Buttons RagStatus----*/
.mdBtn- {
  color: #cccccc !important;
}

.mdBtn-red,
.mdBtn-Red {
  color: red !important;
}

.mdBtn-amber,
.mdBtn-Amber {
  color: orange !important;
}

.mdBtn-green,
.mdBtn-Green {
  color: green !important;
}

.background-transparent {
  background: transparent !important;
}

.background-GREEN {
  background: rgba(0, 128, 0, 0.6);
}

.background-RED {
  background: rgba(255, 0, 0, 0.6);
}

.background-AMBER {
  background: rgba(255, 165, 0, 0.6);
}

.md-group.md-ragStatus.has-value label {
  padding-left: 0;
}
.md-group.md-ragStatus label {
  padding-left: 20px;
}
.md-group.md-ragStatus .chosen-container-single .chosen-single {
  padding-left: 20px;
}

.md-input__text[readonly] {
  cursor: no-drop;
  color: #969696;
}
.md-input__text[readonly] ~ .md-label {
  color: #878787;
}

.md-group_checkbox .md-checkbox[readonly] ~ label {
  cursor: no-drop;
  color: #969696;
}

.form-signin input[type=password].md-field-input {
  margin-bottom: 0px !important;
}

/* --- TOGGLE Buttons----*/
.switch {
  display: inline-block;
  height: 17px;
  position: relative;
  width: 30px;
}

.switch input {
  display: none;
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.2s;
}

.slider:before {
  background-color: #fff;
  bottom: 2px;
  content: "";
  height: 13px;
  left: 2px;
  position: absolute;
  transition: 0.2s;
  width: 13px;
}

input:checked + .slider:before {
  transform: translateX(13px);
}

.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

a:hover {
  text-decoration: none;
  color: #000000;
}

#DataTables_Table_0_filter label {
  width: 288px;
}
#DataTables_Table_0_filter label input.form-control {
  border: none;
  font-size: 16px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  font-weight: 300;
  outline: none;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 8px;
  background: white;
  width: 100%;
  background-color: #fff;
  vertical-align: top;
  border-radius: 2px;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
#DataTables_Table_0_filter label input.form-control {
  background-image: url('data:image/svg+xml;utf8, <svg fill="#808080" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>    <path d="M0 0h24v24H0z" fill="none"/>          </svg>');
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 0px 3px !important;
  padding-left: 30px;
}

#DataTables_Table_0 input.form-control.input-sm.md {
  border: none;
  font-size: 12px;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  font-weight: 300;
  outline: none;
  box-sizing: border-box;
  background: white;
  background-color: #fff;
  vertical-align: top;
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
#DataTables_Table_0 input.form-control.input-sm.md {
  background-image: url('data:image/svg+xml;utf8,           <svg fill="#808080" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>              <path d="M0 0h24v24H0z" fill="none"/>          </svg>');
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 0px 3px !important;
  padding-left: 30px;
}

.container-action {
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.preprint .md-content .short-description-area .short-field {
  white-space: unset;
}
.preprint .ellipses {
  overflow: unset;
  white-space: unset;
  text-overflow: unset;
}

.testBlue {
  background: blue;
}

/*******************************
* MD DIALOG - MATERIAL DESIGN
*******************************/
/* ----- DIALOG/MODAL ----- */
/* FADE/SCALE EFFECT */
.modal.fade .modal-dialog {
  opacity: 0;
  transform: scale(0.1);
  transition: all 0.3s ease;
}

.modal.fade.in .modal-dialog {
  opacity: 1;
  transform: scale(1);
  transform: translate3d(0%, 0, 0);
}

/* DIALOG CONTENT */
.modal-content {
  border: none;
  border-radius: 2px;
  box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2);
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* DIALOG HEADER */
.modal-header {
  min-height: 16px;
  padding: 16px;
  border-bottom: none;
}

.modal-title {
  font-weight: 500;
  font-size: 21px;
  color: #333;
}

/* DIALOG BODY */
.modal-body {
  padding: 0 24px;
}

.modal-body-paper {
  height: 600px;
  overflow-y: auto;
}

.modal-body p {
  font-weight: 400;
  font-size: 14px;
  color: #212121;
}

.modal-body .lead {
  font-weight: 300;
  font-size: 16px;
  color: #757575;
}

.modal-body p:last-child,
.modal-body .lead:last-child {
  margin-bottom: 0;
}

/* DIALOG FOOTER */
.modal-footer {
  margin-top: 24px;
  padding: 8px 0;
  border-top: none;
}

.modal-footer .btn {
  height: 36px;
  margin-right: 8px;
  padding: 8px 10px;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #1579b3;
  background-color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: auto;
}

.modal-footer .btn:focus {
  outline: none;
  box-shadow: none;
}

.modal-footer .btn:focus,
.modal-footer .btn:hover {
  color: #1371a8;
}

.modal-footer .btn + .btn {
  margin-left: 0;
}

.modal-footer .btn + .btn:last-child {
  margin-left: -4px;
}

.goaltreeModal .modal-footer {
  padding-right: 24px;
}

/* -- simpleMDE --*/
.form-group {
  margin: 0 0 10px 0 !important;
}
.form-group .CodeMirror {
  height: 100px;
  min-height: 0px;
}

.modal-footer .btn-contained {
  margin: 10px auto !important;
  overflow: hidden;
  border-width: 0;
  outline: none;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  background-color: #dc004e;
  color: #ecf0f1;
  transition: background-color 0.3s;
}
.modal-footer .btn-contained:hover {
  color: #ecf0f1;
}

#releaseModal img {
  max-width: 1000px;
}

.modal.modal-lg {
  width: 90%;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    max-width: 1200px;
  }
}
/* -----------------------------------------------------
  Material Design Buttons
  https://codepen.io/rkchauhan/pen/NNKgJY
  By: Ravikumar Chauhan
-------------------------------------------------------- */
/* ----------------------------------------------------------------------
  Material Design Raised Buttons
------------------------------------------------------------------------- */
.rkmd-btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  padding: 0 1.4rem;
  color: #424242;
  font-size: 15px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.8px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  outline: none;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 2px;
  transition: all 0.3s ease-out;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
}
.rkmd-btn:hover:not(.active) {
  box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);
}
.rkmd-btn.inverse {
  font-weight: 300;
  text-transform: none;
}
.rkmd-btn.inverse i {
  font-size: 1.9rem;
}

/* ----------------------------------------------------------------------
  Material Design Fab Buttons
------------------------------------------------------------------------- */
.btn-no-style {
  border: none;
  background: transparent;
}

.rkmd-btn.btn-fab, .rkmd-btn.btn-fab-mini, .rkmd-btn.btn-fab-small {
  overflow: hidden;
  position: relative;
  margin: auto;
  padding: 0;
  line-height: normal;
  border-radius: 50%;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3);
}
.rkmd-btn.btn-fab:hover, .rkmd-btn.btn-fab-mini:hover, .rkmd-btn.btn-fab-small:hover {
  box-shadow: 0 4px 11px 0px rgba(0, 0, 0, 0.375);
}
.rkmd-btn.btn-fab i, .rkmd-btn.btn-fab-mini i, .rkmd-btn.btn-fab-small i {
  display: inline-block;
  float: none;
  width: inherit;
  margin: 0;
  font-size: inherit;
  text-align: center;
  line-height: none;
  vertical-align: middle;
}
.rkmd-btn.btn-fab {
  width: 56px;
  height: 56px;
}
.rkmd-btn.btn-fab-mini {
  width: 40px;
  height: 40px;
}
.rkmd-btn.btn-fab-small {
  width: 30px;
  height: 30px;
  font-size: 24px !important;
}
.rkmd-btn.btn-mini {
  height: 25px;
  line-height: 25px;
  font-size: 10px;
}
.rkmd-btn.btn-small {
  height: 30px;
  font-size: 12px;
  line-height: 30px;
}

/* Buttons Color */
.rkmd-btn.btn-lightBlue {
  color: #FFF;
  background-color: #03a9f4;
}
.rkmd-btn.btn-lightBlue:hover {
  background-color: #23b9fc;
}
.rkmd-btn.btn-white {
  color: #444;
  background-color: #FFF;
}
.rkmd-btn.btn-white:hover {
  background-color: #fafafa;
}
.rkmd-btn.btn-black {
  color: #bdbdbd;
  background-color: #111;
}
.rkmd-btn.btn-black:hover {
  background-color: #252525;
}
.rkmd-btn.btn-grey {
  color: #757575;
  background-color: #f5f5f5;
}
.rkmd-btn.btn-grey:hover {
  background-color: #ebebeb;
}
.rkmd-btn.btn-orange {
  color: #FFF;
  background-color: #ff9800;
}
.rkmd-btn.btn-orange:hover {
  background-color: #ffa829;
}
.rkmd-btn.btn-amber {
  color: #FFF;
  background-color: #ffc107;
}
.rkmd-btn.btn-amber:hover {
  background-color: #ffcb30;
}
.rkmd-btn.btn-green {
  color: #FFF;
  background-color: #4caf50;
}
.rkmd-btn.btn-green:hover {
  background-color: #67bd6a;
}
.rkmd-btn.btn-teal {
  color: #FFF;
  background-color: #009688;
}
.rkmd-btn.btn-teal:hover {
  background-color: #00bfad;
}
.rkmd-btn.btn-cyan {
  color: #FFF;
  background-color: #00bcd4;
}
.rkmd-btn.btn-cyan:hover {
  background-color: #00e0fd;
}
.rkmd-btn.btn-indigo {
  color: #FFF;
  background-color: #3f51b5;
}
.rkmd-btn.btn-indigo:hover {
  background-color: #5869c5;
}
.rkmd-btn.btn-deepPurple {
  color: #FFF;
  background-color: #673ab7;
}
.rkmd-btn.btn-deepPurple:hover {
  background-color: #7c52c8;
}
.rkmd-btn.btn-pink {
  color: #FFF;
  background-color: #e91e63;
}
.rkmd-btn.btn-pink:hover {
  background-color: #ed437d;
}
.rkmd-btn.btn-red {
  color: #FFF;
  background-color: #f44336;
}
.rkmd-btn.btn-red:hover {
  background-color: #f6675d;
}
.rkmd-btn.btn-yellow {
  color: #FFF;
  background-color: #ffeb3b;
}
.rkmd-btn.btn-yellow:hover {
  background-color: #f8de00;
}
.rkmd-btn.btn-lime {
  color: #FFF;
  background-color: #cddc39;
}
.rkmd-btn.btn-lime:hover {
  background-color: #bac923;
}
.rkmd-btn.btn-brown {
  color: #FFF;
  background-color: #795548;
}
.rkmd-btn.btn-brown:hover {
  background-color: #936757;
}
.rkmd-btn.btn-blue {
  color: #FFF;
  background-color: #1579b3;
}
.rkmd-btn.btn-blue:hover {
  background-color: #1992d8;
}

/* Raised Buttons Size (Not work in Fab Buttons) */
.rkmd-btn.btn-lg {
  height: 48px;
  line-height: 48px;
}
.rkmd-btn.btn-sm {
  height: 30px;
  padding: 0 1rem;
  line-height: 30px;
  font-size: 12px;
}
.rkmd-btn.btn-xs {
  height: 24px;
  padding: 0 0.4rem;
  line-height: 24px;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.2px;
}

/* Raised Buttons Types */
.rkmd-btn.disabled, .rkmd-btn[disabled] {
  cursor: default !important;
  color: #9e9e9e !important;
  box-shadow: none !important;
}
.rkmd-btn.disabled:not(.btn-flat), .rkmd-btn[disabled]:not(.btn-flat) {
  background-color: #cdcdcd !important;
}
.rkmd-btn.disabled:not(.btn-flat):hover, .rkmd-btn[disabled]:not(.btn-flat):hover {
  background-color: #cdcdcd !important;
}
.rkmd-btn.btn-flat {
  box-shadow: none !important;
  background-color: transparent !important;
}
.rkmd-btn.btn-flat:hover {
  background-color: #cecece !important;
  box-shadow: none !important;
}
.rkmd-btn.btn-flat.disabled:hover, .rkmd-btn.btn-flat[disabled]:hover {
  background-color: transparent !important;
}
.rkmd-btn.btn-link {
  color: #3949ab !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.rkmd-btn.btn-link:hover {
  text-decoration: underline !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.rkmd-btn.btn-link.disabled, .rkmd-btn.btn-link[disabled] {
  color: #9fa8da !important;
  text-decoration: underline !important;
  background-color: transparent !important;
}
.rkmd-btn.btn-link.disabled:hover, .rkmd-btn.btn-link[disabled]:hover {
  background-color: transparent !important;
}
.rkmd-btn i {
  float: left;
  width: auto;
  height: auto;
  margin-right: 10px;
  font-size: 1.3rem;
  line-height: inherit;
}
.rkmd-btn i.right {
  float: right !important;
  margin: 0;
  margin-left: 10px;
}

/* ----------------------------------------------------------------------
  Material Design Text Size
------------------------------------------------------------------------- */
.rkmd-btn .btn-sm-text {
  font-size: 10px;
}

/* ----------------------------------------------------------------------
  Material Design Ripple Effect - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.ripple-effect {
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}
.ripple-effect .ripple {
  display: block;
  position: absolute;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
  transform: scale(0);
  pointer-events: none;
}
.ripple-effect.ripple-dark .ripple {
  background: rgba(0, 0, 0, 0.1) !important;
}
.ripple-effect.ripple-red .ripple {
  background: rgba(244, 67, 54, 0.725) !important;
}
.ripple-effect.ripple-orange .ripple {
  background: rgba(255, 152, 0, 0.725) !important;
}
.ripple-effect.ripple-yellow .ripple {
  background: rgba(255, 235, 59, 0.725) !important;
}
.ripple-effect.ripple-green .ripple {
  background: rgba(76, 175, 80, 0.725) !important;
}
.ripple-effect.ripple-purple .ripple {
  background: rgba(156, 39, 176, 0.725) !important;
}
.ripple-effect.ripple-teal .ripple {
  background: rgba(0, 150, 136, 0.725) !important;
}
.ripple-effect.ripple-pink .ripple {
  background: rgba(233, 30, 99, 0.725) !important;
}
.ripple-effect .animated {
  -webkit-animation: ripple 0.6s linear;
          animation: ripple 0.6s linear;
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

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

.alert-hearbeat {
  height: 10px;
  width: 10px;
  background-color: #DC004E;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  right: 5px;
}

.slider-wrapper {
  display: block;
  width: 100%;
  min-height: 65px;
  position: relative;
  padding: 51px 0 0 0;
}
.slider-wrapper .outside-label {
  text-align: left;
  letter-spacing: 0px;
  color: #263238;
  opacity: 0.5;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.slider-wrapper .slider-name {
  top: 0;
  font-size: 14px;
  color: #1579b3;
  position: absolute;
  font-weight: normal;
}

/* ----------------------------------------------------------------------
  Material Design Range Slider - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider {
  display: block;
  position: relative;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  height: 30px;
}
.rkmd-slider input[type=range] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.rkmd-slider input[type=range] + .slider {
  display: block;
  position: relative;
  width: 100%;
  height: 4px;
  background-color: #bebebe;
}
.rkmd-slider input[type=range] + .slider .slider-fill {
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}
.rkmd-slider input[type=range] + .slider .slider-handle {
  cursor: pointer;
  position: absolute;
  top: -5.5px;
  left: 0%;
  width: 15px;
  height: 15px;
  margin-left: -8px;
  border-radius: 50%;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2;
}
.rkmd-slider input[type=range] + .slider:before {
  background-color: unset;
}
.rkmd-slider input[type=range]:disabled + .slider {
  background-color: #b0b0b0 !important;
}
.rkmd-slider input[type=range]:disabled + .slider .slider-fill,
.rkmd-slider input[type=range]:disabled + .slider .slider-handle {
  cursor: default !important;
  background-color: #b0b0b0 !important;
}
.rkmd-slider input[type=range]:disabled + .slider .slider-fill .slider-label,
.rkmd-slider input[type=range]:disabled + .slider .slider-handle .slider-label {
  display: none;
  background-color: #b0b0b0 !important;
}
.rkmd-slider input[type=range]:disabled + .slider .slider-fill.is-active,
.rkmd-slider input[type=range]:disabled + .slider .slider-handle.is-active {
  top: -5.5px;
  width: 15px;
  height: 15px;
  margin-left: -8px;
}
.rkmd-slider input[type=range]:disabled + .slider .slider-fill.is-active .slider-label,
.rkmd-slider input[type=range]:disabled + .slider .slider-handle.is-active .slider-label {
  display: none;
  border-radius: 50%;
  transform: none;
}
.rkmd-slider input[type=range]:disabled + .slider .slider-handle:active {
  box-shadow: none !important;
  transform: scale(1) !important;
}
.rkmd-slider.slider-light input[type=range] + .slider {
  background-color: #5c5c5c;
}
.rkmd-slider.slider-light input[type=range]:disabled + .slider {
  background-color: #5c5c5c !important;
}
.rkmd-slider.slider-light input[type=range]:disabled + .slider .slider-fill,
.rkmd-slider.slider-light input[type=range]:disabled + .slider .slider-handle {
  background-color: #5c5c5c !important;
}

/* ----------------------------------------------------------------------
  Discrete Range Slider - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider.slider-discrete .slider .slider-handle {
  position: relative;
  z-index: 1;
}
.rkmd-slider.slider-discrete .slider .slider-handle .slider-label {
  position: absolute;
  top: -17.5px;
  left: -2px;
  width: 30px;
  height: 30px;
  transform-origin: 50% 100%;
  border-radius: 50%;
  transform: scale(0.5) rotate(-45deg);
  transition: all 0.2s ease;
}
.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span {
  position: absolute;
  top: 7px;
  left: 0px;
  width: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  transform: rotate(45deg);
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.rkmd-slider.slider-discrete .slider .slider-handle.is-active {
  top: 0px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
}
.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label {
  top: -15px;
  left: -2px;
  border-radius: 15px 15px 15px 0;
  transform: rotate(-45deg) translate(23px, -25px);
}
.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span {
  opacity: 1;
}
.rkmd-slider.slider-discrete.slider-lightBlue .slider-label {
  background-color: #03a9f4;
}
.rkmd-slider.slider-discrete.slider-teal .slider-label {
  background-color: #009688;
}
.rkmd-slider.slider-discrete.slider-orange .slider-label {
  background-color: #ff9800;
}
.rkmd-slider.slider-discrete.slider-amber .slider-label {
  background-color: #ffc107;
}
.rkmd-slider.slider-discrete.slider-green .slider-label {
  background-color: #4caf50;
}
.rkmd-slider.slider-discrete.slider-cyan .slider-label {
  background-color: #00bcd4;
}
.rkmd-slider.slider-discrete.slider-indigo .slider-label {
  background-color: #3f51b5;
}
.rkmd-slider.slider-discrete.slider-deepPurple .slider-label {
  background-color: #673ab7;
}
.rkmd-slider.slider-discrete.slider-pink .slider-label {
  background-color: #e91e63;
}
.rkmd-slider.slider-discrete.slider-red .slider-label {
  background-color: #f44336;
}
.rkmd-slider.slider-discrete.slider-yellow .slider-label {
  background-color: #ffeb3b;
}
.rkmd-slider.slider-discrete.slider-lime .slider-label {
  background-color: #cddc39;
}
.rkmd-slider.slider-discrete.slider-brown .slider-label {
  background-color: #795548;
}

/* ----------------------------------------------------------------------
  Range Slider Color - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-slider.slider-lightBlue .slider-fill,
.rkmd-slider.slider-lightBlue .slider-handle {
  background-color: #03a9f4;
}
.rkmd-slider.slider-teal .slider-fill,
.rkmd-slider.slider-teal .slider-handle {
  background-color: #009688;
}
.rkmd-slider.slider-orange .slider-fill,
.rkmd-slider.slider-orange .slider-handle {
  background-color: #ff9800;
}
.rkmd-slider.slider-amber .slider-fill,
.rkmd-slider.slider-amber .slider-handle {
  background-color: #ffc107;
}
.rkmd-slider.slider-green .slider-fill,
.rkmd-slider.slider-green .slider-handle {
  background-color: #4caf50;
}
.rkmd-slider.slider-cyan .slider-fill,
.rkmd-slider.slider-cyan .slider-handle {
  background-color: #00bcd4;
}
.rkmd-slider.slider-indigo .slider-fill,
.rkmd-slider.slider-indigo .slider-handle {
  background-color: #3f51b5;
}
.rkmd-slider.slider-deepPurple .slider-fill,
.rkmd-slider.slider-deepPurple .slider-handle {
  background-color: #673ab7;
}
.rkmd-slider.slider-pink .slider-fill,
.rkmd-slider.slider-pink .slider-handle {
  background-color: #e91e63;
}
.rkmd-slider.slider-red .slider-fill,
.rkmd-slider.slider-red .slider-handle {
  background-color: #f44336;
}
.rkmd-slider.slider-yellow .slider-fill,
.rkmd-slider.slider-yellow .slider-handle {
  background-color: #ffeb3b;
}
.rkmd-slider.slider-lime .slider-fill,
.rkmd-slider.slider-lime .slider-handle {
  background-color: #cddc39;
}
.rkmd-slider.slider-brown .slider-fill,
.rkmd-slider.slider-brown .slider-handle {
  background-color: #795548;
}

.notion__container--tmp .ogsm-status-idea {
  color: #777;
}
.notion__container--tmp .ogsm-status-archived {
  color: #5bc0de;
}
.notion__container--tmp .ogsm-status-done {
  color: #5bc0de;
}
.notion__container--tmp .ogsm-status-risk {
  color: #f4c05f;
}
.notion__container--tmp .ogsm-status-off-track {
  color: #d81a0d;
}
.notion__container--tmp .ogsm-status-on-track {
  color: #3c763d;
}

.notion__container {
  cursor: text;
}
.notion__container .ogsm-status-idea {
  color: #777;
}
.notion__container .ogsm-status-archived {
  color: #5bc0de;
}
.notion__container .ogsm-status-done {
  color: #5bc0de;
}
.notion__container .ogsm-status-risk {
  color: #f4c05f;
}
.notion__container .ogsm-status-off-track {
  color: #d81a0d;
}
.notion__container .ogsm-status-on-track {
  color: #3c763d;
}
.notion__container .ogsm-status-archived {
  text-decoration: line-through;
}
.notion__container .action-step .overdue-date,
.notion__container .sub-action .overdue-date,
.notion__container .team .overdue-date {
  color: #d81a0d;
}
.notion__container .ui-sortable-helper {
  opacity: 0.5;
}
.notion__container .ui-sortable-helper .more-inline-menu,
.notion__container .ui-sortable-helper .team {
  display: none;
}
.notion__container .notion__area div {
  outline: none;
}
.notion__container:hover .notion__new__placeholder.empty {
  visibility: visible;
}
.notion__container .extraMenu {
  padding-left: 1em;
}
.notion__container .extraMenu .dot-icon {
  font-size: 0.5em !important;
  padding-right: 0.5rem;
}
.notion__container .extraMenu:hover {
  background-color: #eee;
}
.notion__container .extraMenu:hover .dot-icon {
  display: none;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action {
  top: 0;
  color: #000;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action.more-inline-menu {
  right: -10px;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action.left {
  left: -40px;
  min-width: 40px;
  background-color: #eee;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action.left .material-icons {
  font-size: unset;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
  background-color: unset;
  border: unset;
  width: 20px;
  float: left;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action.left .material-icons.drag {
  cursor: -webkit-grab;
  cursor: grab;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action .material-icons {
  background-color: #eee;
  border: 1px solid #bbb;
  width: 24px;
  height: 18px;
  line-height: 16px;
  margin: 1px 0;
  color: #000;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action .material-icons:hover {
  background-color: #ddd;
}
.notion__container .extraMenu .ogsmBtn--more-menu__action .add-new {
  visibility: hidden;
}
.notion__container .color-red {
  color: darksalmon;
}
.notion__container .popover .material-icons {
  font-size: 16px;
  vertical-align: text-bottom;
}
.notion__container .popover .menu-item {
  cursor: pointer;
  padding: 1px 5px;
}
.notion__container .popover .menu-item:hover {
  background-color: #eee;
}
.notion__container .toggle-done-action {
  display: none;
}
.notion__container .toggle-done-action .fa-spinner {
  font-size: unset;
  line-height: 22px;
}
.notion__container .toggle-done-action .material-icons {
  font-size: unset;
}
.notion__container .team {
  float: right;
  border: none;
  padding: 0 1rem 0;
  position: relative;
  z-index: 1;
}

.ogsmBtn--toggle__action {
  cursor: pointer;
}

.ogsm .notion__container a {
  color: unset;
}

.action-closed .dot-icon {
  display: none;
}
.action-closed .ogsm_action_input {
  color: #5bc0de;
}

#objectiveFieldSaving {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  visibility: hidden;
}

#objectiveFieldEditor {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  position: absolute;
}

#objectiveFieldDisplay.passive {
  opacity: 0;
}

#objectiveFieldSaving.active {
  visibility: visible;
}

#objectiveFieldEditor.active {
  opacity: 1;
}
#objectiveFieldEditor.saving {
  opacity: 0.5;
}

.saving #objectiveFieldSaving {
  visibility: visible;
}
.saving #objectiveFieldEditor {
  opacity: 0.5;
}
.saving #objectiveFieldDisplay {
  opacity: 0;
}

/*

.editing {
    #objectiveFieldEditor {
        position: unset;
        opacity: 1;
        color: red;
    }
    #objectiveFieldDisplay {
        color: blue;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
}
*/
[contenteditable]:focus {
  outline: 0;
}

[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
}

.notion__new__placeholder {
  max-width: 100%;
  width: 100%;
  white-space: pre-wrap;
  word-break: break-word;
  caret-color: #373737;
  padding: 3px 2px;
}
.notion__new__placeholder.empty {
  visibility: hidden;
}

.ogsm_action_input {
  line-height: 1.42857143;
}
.ogsm_action_input.error {
  background-color: rgba(250, 128, 114, 0.5);
}
.ogsm_action_input.empty {
  min-height: 1em;
  color: #37352f;
  -webkit-text-fill-color: rgba(55, 55, 55, 0.4);
}

.projectSteps .hoverable-item {
  padding: 0 4em 0 2em;
}
.projectSteps .hoverable-item .entity__actions__placeholder {
  left: 2em;
}
.projectSteps .hoverable-item.entity__done:hover .entity__actions .visible-when-hover {
  display: unset;
}

.projects > li > .hoverable-item .entity__actions__placeholder .entity__actions .hover-when-done,
.projects > li > .hoverable-item .entity__actions__placeholder .entity__actions .hover-when-not-done {
  display: none;
}
.projects > li > .hoverable-item:hover .entity__actions__placeholder .entity__actions .visible-when-hover {
  display: unset;
}
.projects > li > .hoverable-item:hover .entity__actions__placeholder .entity__actions .dot-icon {
  display: none;
}
.projects > li > .hoverable-item:hover .entity__actions__placeholder .entity__actions .toggle-done-action {
  display: unset;
}
.projects > li:not(.action-closed) > .hoverable-item:hover .entity__actions__placeholder .entity__actions .hover-when-not-done {
  display: unset;
}
.projects > li.action-closed .hoverable-item .entity__actions__placeholder .entity__actions .toggle-done-action {
  display: unset;
}
.projects > li.action-closed .hoverable-item:hover .entity__actions__placeholder .entity__actions .hover-when-done {
  display: unset;
}

.projectSteps {
  font-size: smaller;
}

.projects,
.projectSteps {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.projects .hoverable-item,
.projectSteps .hoverable-item {
  position: relative;
}
.projects .hoverable-item .dueDatePlaceholder,
.projectSteps .hoverable-item .dueDatePlaceholder {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 1.3rem;
}
.projects .hoverable-item.entity__done .dueDatePlaceholder,
.projectSteps .hoverable-item.entity__done .dueDatePlaceholder {
  display: none;
}
.projects .hoverable-item:hover,
.projectSteps .hoverable-item:hover {
  background-color: #eee;
}
.projects .hoverable-item:hover .entity__actions,
.projectSteps .hoverable-item:hover .entity__actions {
  background-color: #eee;
}
.projects .hoverable-item .entity__actions__placeholder,
.projectSteps .hoverable-item .entity__actions__placeholder {
  position: absolute;
}
.projects .hoverable-item .entity__actions__placeholder .entity__actions,
.projectSteps .hoverable-item .entity__actions__placeholder .entity__actions {
  right: 0;
  top: 0;
  top: 0;
  position: absolute;
  white-space: nowrap;
  z-index: 15;
}
.projects .hoverable-item .entity__actions__placeholder .entity__actions .material-icons,
.projectSteps .hoverable-item .entity__actions__placeholder .entity__actions .material-icons {
  font-size: unset;
  cursor: pointer;
  color: gray;
  line-height: unset;
}
.projects .hoverable-item .entity__actions__placeholder .entity__actions .material-icons:hover,
.projectSteps .hoverable-item .entity__actions__placeholder .entity__actions .material-icons:hover {
  color: black;
}
.projects .hoverable-item .entity__actions__placeholder .entity__actions .visible-when-hover,
.projectSteps .hoverable-item .entity__actions__placeholder .entity__actions .visible-when-hover {
  display: none;
}
.projects .hoverable-item.entity__done span,
.projectSteps .hoverable-item.entity__done span {
  text-decoration: line-through;
  color: #5bc0de;
}

li[data-phase=IDEA] ul li {
  color: #777;
}

.ogsm,
.reportsDashboard {
  font-size: 14px;
  /*******************
  Border
  *******************/
  /*******************
  Background
  *******************/
  /**
  * ----------------------------------------
  * Buttons
  * ----------------------------------------
  */
}
.ogsm .height-30,
.reportsDashboard .height-30 {
  height: 30px;
}
.ogsm .min-height-40,
.reportsDashboard .min-height-40 {
  min-height: 40px;
}
.ogsm .min-height-50,
.reportsDashboard .min-height-50 {
  min-height: 50px;
}
.ogsm .second-column > .row:last-child,
.reportsDashboard .second-column > .row:last-child {
  overflow: inherit;
}
.ogsm .progress-custom .progress,
.reportsDashboard .progress-custom .progress {
  width: 60px;
}
.ogsm .border-right,
.reportsDashboard .border-right {
  border-right: 5px solid #f4f4f4;
}
.ogsm .border-left,
.reportsDashboard .border-left {
  border-left: 5px solid #f4f4f4;
}
.ogsm .border-bottom,
.reportsDashboard .border-bottom {
  border-bottom: 5px solid #f4f4f4;
}
.ogsm .border-bottom-action,
.reportsDashboard .border-bottom-action {
  border-bottom: 3px solid #f4f4f4;
}
.ogsm .border-top,
.reportsDashboard .border-top {
  border-top: 5px solid #f4f4f4;
}
.ogsm .border-right-white,
.reportsDashboard .border-right-white {
  border-right: 3px solid white;
}
.ogsm .border-bottom-white,
.reportsDashboard .border-bottom-white {
  border-bottom: 3px solid white;
}
.ogsm .border-top-white,
.reportsDashboard .border-top-white {
  border-top: 3px solid white;
}
.ogsm .dark-color,
.reportsDashboard .dark-color {
  background-color: #164a8a;
}
.ogsm .light-color,
.reportsDashboard .light-color {
  background-color: #2175b0;
}
.ogsm .background-white,
.reportsDashboard .background-white {
  background-color: #ffffff;
}
.ogsm .reorder-buttons,
.reportsDashboard .reorder-buttons {
  position: absolute;
  left: 5px;
  color: #1c4785;
  cursor: pointer;
}
.ogsm .extraMenu .btnHover,
.reportsDashboard .extraMenu .btnHover {
  visibility: hidden;
  position: absolute;
  z-index: 15;
}
.ogsm .extraMenu .btnHover:before, .ogsm .extraMenu .btnHover:after,
.reportsDashboard .extraMenu .btnHover:before,
.reportsDashboard .extraMenu .btnHover:after {
  content: "";
  display: block;
  clear: both;
}
.ogsm .extraMenu .btnHover .material-icons,
.reportsDashboard .extraMenu .btnHover .material-icons {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
}
.ogsm .extraMenu .btnHover-actions,
.reportsDashboard .extraMenu .btnHover-actions {
  visibility: hidden;
  position: absolute;
  z-index: 15;
}
.ogsm .extraMenu .btnHover-actions:before, .ogsm .extraMenu .btnHover-actions:after,
.reportsDashboard .extraMenu .btnHover-actions:before,
.reportsDashboard .extraMenu .btnHover-actions:after {
  content: "";
  display: block;
  clear: both;
}
.ogsm .extraMenu .ogsmBtn--view__action,
.reportsDashboard .extraMenu .ogsmBtn--view__action {
  left: -23px;
}
.ogsm .extraMenu .ogsmBtn--view__action .material-icons,
.reportsDashboard .extraMenu .ogsmBtn--view__action .material-icons {
  height: 20px;
  width: 20px;
  line-height: 20px;
}
.ogsm .extraMenu:hover .btnHover-actions,
.ogsm .extraMenu:hover .btnHover,
.reportsDashboard .extraMenu:hover .btnHover-actions,
.reportsDashboard .extraMenu:hover .btnHover {
  visibility: visible;
}
.ogsm .extraMenu:after,
.reportsDashboard .extraMenu:after {
  content: "";
  display: block;
  clear: both;
}
.ogsm .actionCol ul,
.reportsDashboard .actionCol ul {
  list-style-type: none;
  margin: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.ogsm .actionCol .extraMenu,
.reportsDashboard .actionCol .extraMenu {
  min-height: 18px;
}

.structure-add-ogsm,
.structure-rename-ogsm,
.structure-remove-ogsm {
  background-color: #1579b3;
}

.btn-group-hover {
  display: none;
  position: absolute;
  right: 6px;
  top: 0px;
}
.btn-group-hover:before, .btn-group-hover:after {
  content: "";
  display: block;
  clear: both;
}

.jstree-anchor:hover ~ .btn-group-hover {
  display: block;
}

.btn-group-hover:hover {
  display: block;
}

.ogsmBtn--roundMD .material-icons {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
}

.ogsmBtn--delete {
  top: 0;
  right: 0px;
  color: #000000;
}
.ogsmBtn--delete .material-icons {
  background-color: #d32f2f;
}

.ogsmBtn--kanban__action,
.ogsmBtn--edit__action {
  cursor: pointer;
  top: 1px;
  color: #000000;
}
.ogsmBtn--kanban__action .material-icons:hover,
.ogsmBtn--edit__action .material-icons:hover {
  background-color: #ccc;
}

.ogsmBtn--edit__action {
  right: 37px;
}

.ogsmBtn--kanban__action {
  right: 64px;
}

.ogsmBtn--edit {
  top: 0;
  right: 27px;
  color: #000000;
}
.ogsmBtn--edit .material-icons {
  background-color: #fbc02d;
}

.ogsmBtn--view__action,
.ogsmBtn--view {
  top: 0;
  left: 0px;
  color: #000000;
}
.ogsmBtn--view__action .material-icons,
.ogsmBtn--view .material-icons {
  background-color: #fbc02d;
}

li .ogsmBtn--view {
  left: -23px;
}

.ogsmBtn--add {
  visibility: hidden;
  top: 0;
  right: 0;
  color: #000000;
  margin-right: 2px;
}
.ogsmBtn--add .material-icons {
  background-color: #388e3c;
}

td.column3FontSize:hover .ogsmBtn--add {
  visibility: visible !important;
}
td.column3FontSize:hover .ogsmBtn--add ~ .ogsmBtn--delete {
  right: 25px;
}
td.column3FontSize:hover .ogsmBtn--add ~ .ogsmBtn--edit {
  right: 50px;
}
td.column3FontSize:hover .ogsmBtn--delete {
  right: 25px;
}
td.column3FontSize:hover .ogsmBtn--edit {
  right: 50px;
}

.reportsDashboard,
.ogsmOld {
  font-size: 14px;
}
.reportsDashboard .row,
.ogsmOld .row {
  background: #ffffff;
}
.reportsDashboard .row [class*=col-],
.ogsmOld .row [class*=col-] {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.ogsm {
  /*******************
  Font colors
  *******************/
  /**.editorFontSize:hover{
    .editPanel{
      right: -30px;
      top: -30px;
      visibility: visible;
      animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }
  }*/
  /**
  .editPanel{
      //    visibility: visible;
      animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }
   */
}
.ogsm .title-color {
  color: #1c4785;
}
.ogsm .color-inherit {
  color: inherit;
}
.ogsm .fw-700 {
  font-weight: 700;
}
.ogsm .huge-container {
  padding-right: 0px;
}
.ogsm .huge-container .editable {
  border: unset;
}
.ogsm .huge-container .editable a {
  color: unset;
}
.ogsm .huge-container .editable p {
  margin: 0;
}
.ogsm .huge-container .text-container {
  max-height: unset;
  overflow: unset;
}
.ogsm .show-panel {
  z-index: 100;
  display: block;
  position: absolute;
  top: 0;
  right: 0px;
  height: 30px;
  width: 32px;
}
.ogsm .editPanel {
  position: absolute;
  text-align: center;
  right: 0;
  /* &:hover{
    visibility: visible;
    animation: scale-in-tr 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  } */
}
.ogsm .editPanel * {
  cursor: pointer;
}
.ogsm .editPanel .roundBtn {
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  width: 20px;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 50%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  color: black;
  font-weight: 400;
}
.ogsm .editPanel .roundBtn .float {
  font-size: 14px;
  position: absolute;
  top: 1px;
  right: -3px;
}
.ogsm .editable-text {
  width: 100%;
  border: 1px solid #337ab7;
  display: inline-block;
  border-radius: 8px;
  padding: 3px;
  margin: 0;
}
.ogsm .JColResizer > tbody > tr > td.resizable-font:hover {
  overflow: unset;
}
@-webkit-keyframes scale-in-tr {
  0% {
    transform: scale(0);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tr {
  0% {
    transform: scale(0);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
.ogsm col-x1 {
  width: 75.5%;
}
.ogsm col-x2 {
  width: 12.4%;
}
.ogsm col-x3 {
  width: 12%;
}
.ogsm .ui-sortable-helper {
  width: 83.5% !important;
}
.ogsm .ui-sortable-helper td:nth-child(1) {
  width: 1%;
}
.ogsm .ui-sortable-helper td:not(:first-child) {
  display: none;
}

/* Chrome, Safari and Opera syntax */
:-webkit-full-screen {
  background-color: white;
}

/* Firefox syntax */
:-moz-full-screen {
  background-color: white;
}

/* IE/Edge syntax */
:-ms-fullscreen {
  background-color: white;
}

/* Standard syntax */
:-webkit-full-screen {
  background-color: white;
}
:-ms-fullscreen {
  background-color: white;
}
:fullscreen {
  background-color: white;
}

.reportsDashboard {
  /*******************
   Background colors
   *******************/
}
.reportsDashboard .bg--title:nth-child(7n+1) {
  background-color: #fca644;
}
.reportsDashboard .bg--title:nth-child(7n+1) div:nth-child(2) {
  background-color: white;
}
.reportsDashboard .bg--title:nth-child(7n+2) {
  background-color: #faba70;
}
.reportsDashboard .bg--title:nth-child(7n+2) div:nth-child(2) {
  background-color: white;
}
.reportsDashboard .bg--title:nth-child(7n+3) {
  background-color: #f7cd9c;
}
.reportsDashboard .bg--title:nth-child(7n+3) div:nth-child(2) {
  background-color: white;
}
.reportsDashboard .bg--title:nth-child(7n+4) {
  background-color: #d3ebbc;
}
.reportsDashboard .bg--title:nth-child(7n+4) div:nth-child(2) {
  background-color: white;
}
.reportsDashboard .bg--title:nth-child(7n+5) {
  background-color: #a0e8d7;
}
.reportsDashboard .bg--title:nth-child(7n+5) div:nth-child(2) {
  background-color: white;
}
.reportsDashboard .bg--title:nth-child(7n+6) {
  background-color: #9ec3e8;
}
.reportsDashboard .bg--title:nth-child(7n+6) div:nth-child(2) {
  background-color: white;
}
.reportsDashboard .bg--title:nth-child(7n+7) {
  background-color: #be84f5;
}
.reportsDashboard .bg--title:nth-child(7n+7) div:nth-child(2) {
  background-color: white;
}

.ogsmFullScreen #showSideBarButton.hidden-el {
  display: block;
}
.ogsmFullScreen #slide-out.visible-el {
  display: none;
}
.ogsmFullScreen #slide-out.visible-el.in {
  display: block;
}
.ogsmFullScreen main,
.ogsmFullScreen .double-nav {
  padding-left: 0 !important;
}
.ogsmFullScreen .container {
  width: 100%;
}

.addingBullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.bullet- {
  background-color: #cccccc !important;
}

.bullet-Red {
  background-color: red !important;
}

.bullet-Amber {
  background-color: orange !important;
}

.bullet-Green {
  background-color: green !important;
}

.text-RED,
.text-OFF_TRACK {
  color: red !important;
}

.text-AMBER {
  color: orange !important;
}

.text-GREEN,
.text-ON_TRACK {
  color: green !important;
}

.modal {
  overflow-y: auto;
}

.reorder-icon-actions {
  display: block !important;
  visibility: visible;
}
.reorder-icon-actions .reorder-enable {
  display: none !important;
}
.reorder-icon-actions .reorder-disable {
  display: block !important;
}
.reorder-icon-actions ~ .increaseFont, .reorder-icon-actions ~ .decreaseFont {
  display: none;
}

.reorder-icon,
.reorder-disable {
  display: none !important;
}

.reorder-text-cover {
  display: none;
  position: absolute;
  text-align: center;
  top: 0px;
  left: 0px;
  z-index: 101;
  height: 100%;
  width: 100%;
  cursor: ns-resize;
}

.decreaseFont,
.increaseFont {
  z-index: 2;
}

.ogsmActionSortable {
  margin-left: 10px;
  margin-bottom: 0;
}

.reorder-ogsm {
  border-top: 0 !important;
}
.reorder-ogsm .editPanel .decreaseFont,
.reorder-ogsm .editPanel .increaseFont {
  display: none;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) {
  background-color: #fff;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: ns-resize;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder).border-top {
  border-top: 0;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) .m-t-5,
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) .m-b-10 {
  margin: 0;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) .childGoals {
  display: none;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) .reorder-icon {
  display: block !important;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) .reorder-text-cover {
  display: block;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) .btnHover {
  display: none;
}
.reorder-ogsm .ui-sortable-handle:not(.no-reorder) .modalEditor {
  cursor: ns-resize !important;
}
.reorder-ogsm.ogsmGoalsSortable .ui-sortable-handle:not(.no-reorder) {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.14);
}
.reorder-ogsm.ui-sortable {
  margin-left: 0;
  padding-left: 0;
}
.reorder-ogsm.ui-sortable .ui-sortable-handle {
  list-style: none;
  line-height: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.14);
}
.reorder-ogsm .reorder-hidden {
  display: none;
}

.left-10 {
  left: 10px;
}

.ogsm-border-top {
  border-top: 3px solid #ddd !important;
}

.ogsm-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
}

.customMDActionLayout .jstree-proton .jstree-anchor {
  width: 180px;
  overflow: hidden;
  white-space: nowrap;
}
.customMDActionLayout .jstree-proton a.jstree-anchor {
  text-overflow: ellipsis;
}
.customMDActionLayout.jstree-opening {
  position: absolute;
  z-index: 10;
  right: 5px;
}
.customMDActionLayout.jstree-closed {
  animation: scale-up-tr 1s cubic-bezier(0.39, 0.575, 0.565, 1) reverse both;
}
.customMDActionLayout .jstree-node {
  position: relative;
}

.ogsmFullScreen .customMDActionLayout {
  border: thin solid #c7c7c7;
  background-color: unset;
}
.ogsmFullScreen .customMDActionLayout.jstree-opening {
  background: #ffffff;
}
.ogsmFullScreen .customMDActionLayout .jstree-clicked {
  background: #1579b3;
}
.ogsmFullScreen .customMDActionLayout .jstree-hovered {
  background: #169ce9;
}
.ogsmFullScreen .top-action-icon {
  color: #1579b3;
}

.font-alert {
  color: #f9a825 !important;
}

.ogsm__filter label {
  font-weight: 400;
}

.actionPlan__btnFilter {
  position: absolute;
  left: 5px;
  color: #1c4785;
  cursor: pointer;
}
.actionPlan__btnFilter .material-icons.heartbeat {
  display: none;
  left: 15px;
  top: 0;
  color: #fc4b6c;
  position: absolute;
  z-index: 1;
}

.actionPlan__btnFilter-visible {
  visibility: visible;
}
.actionPlan__btnFilter-visible .material-icons.heartbeat {
  display: block;
  left: 20px;
  top: 3px;
  color: #fc4b6c;
  position: absolute;
  z-index: 1;
  font-size: 18px;
}

.ogsmFullScreen .OGSM_type {
  background: #ffffff;
  color: #1579b3;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding-bottom: 8px;
  padding-top: 8px;
}
.ogsmFullScreen .OGSM_type .subtitle {
  color: #169ce9;
  display: none;
}
.ogsmFullScreen .OGSM_type .ie-width {
  visibility: hidden;
}

.hrDashed {
  border: 1px dashed #efefef;
  margin-right: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#ogsmBody .objectiveArea {
  background: #1579b3;
  color: #ffffff;
}
#ogsmBody .fullScreenChange {
  visibility: hidden;
}
#ogsmBody .objectiveArea:hover .fullScreenChange {
  visibility: visible;
}
#ogsmBody .editable form {
  color: #000000;
}

td .addNewItem__placeholder.editMode .material-icons {
  display: none;
}
td .addNewItem__placeholder {
  margin-top: -30px;
}
td .addNewItem__placeholder .material-icons {
  margin-left: 10px;
  font-size: 22px;
  cursor: pointer;
  color: #1371a8;
  opacity: 0.5;
}
td .addNewItem__placeholder .material-icons:hover {
  opacity: 1;
}
td .addNewItem__placeholder,
td .createable.navigator {
  display: none;
}
td:hover .addNewItem__placeholder,
td:hover .createable.navigator {
  display: block;
}
td .createable__float {
  position: absolute;
  z-index: 10;
  background: #f7f7f7;
  width: 100%;
  left: 0;
  padding: 5px;
  border-bottom: none;
}
td .reorder-ogsm .createable.navigator {
  display: none;
}

.strategies-row:hover {
  background-color: #f7f7f7;
}

/* Animations */
.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

.scale-up-tr {
  -webkit-animation: scale-up-tr 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: scale-up-tr 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.scale-up-tr-reverse {
  animation: scale-up-tr 1s cubic-bezier(0.39, 0.575, 0.565, 1) reverse both;
}

@-webkit-keyframes scale-up-tr {
  0% {
    transform: scale(0.5);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0%;
  }
}

@keyframes scale-up-tr {
  0% {
    transform: scale(0.5);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0%;
  }
}
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.ogsm .alert-sm {
  padding: 5px;
  margin-bottom: 5px;
}
.ogsm .md-group .md-label {
  font-size: 14px;
}
.ogsm #actionFilterMenu {
  padding-left: 15px;
  padding-right: 15px;
}
.ogsm #actionFilterMenu .datepickerRowPlaceholder .modalTitle,
.ogsm #actionFilterMenu .datepickerRowPlaceholder .datepickerPlaceholder {
  height: 55px;
}
.ogsm #actionFilterMenu .datepickerRowPlaceholder .modalTitle {
  position: relative;
}
.ogsm #actionFilterMenu .datepickerRowPlaceholder .modalTitle h4 {
  position: absolute;
  bottom: 0;
}
.ogsm #actionFilterMenu,
.ogsm #actionFilterMenu .md-group .dropdown-menu {
  overflow: unset;
}

#ogsmFullScreen .modal-header .goal-content > div:last-child {
  text-align: right;
  white-space: nowrap;
}
#ogsmFullScreen .modal-header .goal-content > div:last-child .card-actions {
  display: inline-block;
}

.ogsm .editPanel {
  display: none;
}

#objectiveTourEl:hover .editPanel,
#ogsmTable th:hover .editPanel {
  display: unset;
}

.ogsm_action_input {
  resize: none;
  background-color: transparent;
  border-color: transparent;
  width: 100%;
}
.ogsm_action_input:focus {
  outline: none;
}
.ogsm_action_input a {
  color: white;
}

.description-edit .panel-group {
  display: none;
}
.description-edit .md-textarea-only textarea {
  height: 330px;
}

.md-textarea-only.has-value .toggleSmallTextArea, .md-textarea-only.has-focus .toggleSmallTextArea {
  top: -20px;
  color: #1579b3;
}
.md-textarea-only .toggleSmallTextArea {
  position: absolute;
  left: 5px;
  top: 7px;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.md-textarea-only .toggleSmallTextArea .material-icons {
  font-size: 18px;
}
.md-textarea-only.hide-toggle .toggleSmallTextArea {
  display: none;
}
.md-textarea-only.hide-toggle .md-label {
  left: 5px;
}
.md-textarea-only .md-label {
  left: 25px;
}

.giftButton,
.giftButton div {
  width: 183px;
  height: 25px;
}

.giftButton {
  background: transparent url("/public/images/ogsm/button_swticher/button_bg.svg") 0% 0% no-repeat padding-box;
  display: inline-block;
  color: white;
  margin-bottom: 20px;
}
.giftButton:hover {
  color: white;
}
.giftButton div {
  position: relative;
  top: 0;
  left: 0;
  background: url("/public/images/ogsm/button_swticher/rocket.svg") no-repeat center center;
  background-size: 28px 25px;
  background-position-x: 5px;
  padding-left: 20px;
  align-items: center;
  display: flex;
  font-size: 12px;
}
.giftButton div i {
  position: absolute;
  left: 8px;
  color: #feca83;
  font-size: 9px;
}

.todoApp {
  /* ol li:nth-child(even) {
    background: #dfdfdf !important;
  } */
}
.todoApp div#toDoList {
  width: 60%;
  padding-left: 20px;
  display: inline-block;
}
.todoApp div#toDoList input {
  width: 100%;
  padding: 4px 15px 4px 10px;
}
.todoApp #button {
  display: inline-block;
  background-color: #1579b3;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  margin-top: 2px;
  padding: 5px 15px;
}
.todoApp #button:hover {
  cursor: pointer;
  opacity: 0.8;
}
.todoApp ol {
  padding-left: 20px;
}
.todoApp .strike {
  text-decoration: line-through;
}
.todoApp li:hover {
  cursor: pointer;
}
.todoApp ol li.todo-item {
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #c2c2c2;
  background: #ffffff;
}
.todoApp .round {
  position: relative;
}
.todoApp .round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.todoApp .round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: rotate(-45deg);
  width: 12px;
}
.todoApp .round input[type=checkbox] {
  visibility: hidden;
}
.todoApp .round input[type=checkbox]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}
.todoApp .round input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.todoApp .dueDateButton,
.todoApp .ownerButton {
  background: #bdbdbd;
  border-radius: 4px;
  padding: 3px;
  color: white;
  font-size: 12px;
  display: inline-block;
}
.todoApp .dueDate,
.todoApp .owner {
  font-size: 12px;
  color: #6d6d6d;
}
.todoApp li .col-xs-2:last-child {
  display: none;
}
.todoApp li .addNewItem {
  display: none;
}
.todoApp li:hover .col-xs-2:last-child {
  display: block;
}
.todoApp .editable-text:focus {
  outline: 0;
  border: none;
}

.todo-done-item .textItem {
  text-decoration: line-through;
}

.todo-state-deleted .textItem {
  opacity: 0.5;
}

.todo-done-action {
  font-size: 10px;
  color: #5e5e5e;
}

.tg {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #ccc;
}

.tg td {
  font-size: 14px;
  padding: 10px 5px;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  word-break: normal;
  border-color: #ccc;
  color: #333;
  background-color: #fff;
}

.tg th {
  font-size: 14px;
  font-weight: normal;
  padding: 10px 5px;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  word-break: normal;
  border-color: #ccc;
  color: #333;
  background-color: #f0f0f0;
}

.line {
  float: left;
  width: 100px;
  height: 16px;
  margin-top: 12px;
  border-radius: 7px;
  background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
  background-size: 600px;
  -webkit-animation: shine-lines 2s infinite ease-out;
          animation: shine-lines 2s infinite ease-out;
}

@-webkit-keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}

@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}
@media only screen and (max-width: 768px) {
  .header-title > [class^=p-r-] {
    display: none;
  }

  .md-btn-editmode ~ .panel-heading {
    padding: 10px 0 !important;
  }

  .md-btn-editmode {
    left: 20px;
  }

  .modal-dialog {
    width: 100%;
  }

  section#auditEntryList > ul {
    padding-left: 20px;
  }

  .select--sort {
    padding-bottom: 20px;
  }

  .md-group select {
    height: 35px !important;
  }

  .header-title {
    padding-top: 10px;
  }

  .profile-avatar {
    width: 100px;
    height: 100px;
  }
}
/*@media only screen and (min-width: 1200px)  and (max-width: 1430px) {
  .top-bar-toggle{
    padding: 7px 10px !important;
  }
}*/
.error-card {
  /* Portrait */
}
.error-card .image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.error-card h1 {
  font-weight: 900;
  text-align: center;
  margin: auto;
  color: #395D6D;
  letter-spacing: 0.1rem;
  padding-bottom: 0.5rem;
}
.error-card h2 {
  font-weight: 400;
  text-align: center;
  margin: auto;
  color: #395D6D;
  letter-spacing: 0.1rem;
  padding-bottom: 2rem;
}
.error-card h3 {
  font-weight: 900;
  font-size: 0.8rem;
  text-align: center;
  margin: auto;
  letter-spacing: 0.1rem;
}
.error-card .button {
  margin: auto;
  text-align: center;
  padding: 0.5rem;
}
@media only screen and (max-device-width: 667px) {
  .error-card .image {
    width: 70%;
  }
  .error-card h1 {
    font-size: 24px;
  }
  .error-card h2 {
    font-size: 20px;
  }
}

.ogsm-background {
  background: #f5f6fa 0% 0% no-repeat padding-box;
}

.ogsm-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 30px #00000026;
  border-radius: 15px;
  opacity: 1;
}

.form-signin {
  padding: 15px;
  margin: 0 auto;
}
.form-signin hr {
  border-top: 1px double #8c8b8b;
  text-align: center;
}
.form-signin hr:after {
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #f5f5f5;
  color: #afaeae;
  font-size: 18px;
}

.new-alert {
  position: absolute;
  top: 0;
  height: 10px;
  width: 10px;
  left: 132px;
  background-color: #f0bf2b;
  width: 280px;
  height: 33px;
  border-radius: 0px 0px 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-alert p {
  font: italic normal normal 12px/9px Roboto;
  letter-spacing: 0px;
  color: #121314;
  font-weight: 200;
  margin: 0;
}
.new-alert p b {
  font-style: normal;
}

.form-signin-heading {
  text-align: center;
  color: #0a5c80;
  display: flex;
  justify-content: start;
}

.form-signin-secondary {
  font-size: 13px;
  letter-spacing: 0px;
  color: #07458e;
  font-weight: 300;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  height: auto;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text] {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e8e9ec;
  border-radius: 4px;
  box-shadow: unset;
  margin-top: 10px;
}

.form-signin > .input-group .input-group-btn > button {
  margin-top: 10px;
}

.form-control-yesno {
  max-width: 60px;
}

.signup-title {
  text-align: center;
  color: #0a5c80;
  display: flex;
  justify-content: start;
}

.signup-form {
  margin-top: 30px;
}

.signup-divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #07458e;
  font-size: 19px;
}

.signup-divider::before,
.signup-divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #07458e;
}

.signup-divider::before {
  margin-right: 0.25em;
}

.signup-divider::after {
  margin-left: 0.25em;
}

.signup-input {
  border: unset;
}

.signup-input > .input-group {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #e8e9ec;
  border-radius: 4px;
}

.signup-input > .input-group > .input-group-addon {
  color: #1579b3;
  background: unset;
  border: unset;
}

.signup-input > .input-group > input {
  border: unset;
  box-shadow: unset;
}

.social-login {
  margin-top: 34px;
  margin-bottom: 24px;
}

.social-login__list {
  display: flex;
  justify-content: space-evenly;
  margin: 20px 0;
}

.login-google {
  border: 1px solid #eb4132;
  border-radius: 4px;
  opacity: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.login-google > .label {
  font: normal normal bold 13px/20px Roboto;
  letter-spacing: 0px;
  color: #eb4132;
  opacity: 1;
}

.login-google > .icon {
  width: 25px;
}

.signup-login {
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #337ab7;
}

.signup-login > span {
  padding-right: 10px;
}

.signup-login > a {
  font-weight: bold;
  color: #337ab7;
}

.signup-register {
  background: #337ab7 0% 0% no-repeat padding-box;
  border-radius: 50px;
  opacity: 1;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  margin-top: 22px;
  width: 100%;
  border: unset;
}

.signup-privacy {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 16px;
  color: #5e6c84;
  text-align: center;
}

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

.sign-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}

.sign-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 30px #00000026;
  border-radius: 15px;
  opacity: 1;
  padding: 50px;
  min-height: 20px;
  padding: 19px;
}

@media (max-width: 767px) {
  .sign-card {
    padding: 20px;
  }
}
.sign-info {
  font-size: 16px;
  margin-top: 20px;
  text-align: left;
  letter-spacing: 0px;
  color: #0a5c80;
  opacity: 1;
}

@media (min-width: 768px) {
  .signup-extrainfo:nth-child(odd) {
    padding-left: 0px;
  }

  .signup-extrainfo:nth-child(even) {
    padding-right: 0px;
  }
}
.bizalineicon {
  background-color: #0088cc;
  height: 20px;
  width: 20px;
}
.bizalineicon.bizalineicon-email {
  -webkit-mask: url("/public/images/icons/email.svg") no-repeat center;
  mask: url("/public/images/icons/email.svg") no-repeat center;
}
.bizalineicon.bizalineicon-user {
  -webkit-mask: url("/public/images/icons/user.svg") no-repeat center;
  mask: url("/public/images/icons/user.svg") no-repeat center;
}
.bizalineicon.bizalineicon-lastName {
  -webkit-mask: url("/public/images/icons/flag.svg") no-repeat center;
  mask: url("/public/images/icons/flag.svg") no-repeat center;
}
.bizalineicon.bizalineicon-flag {
  -webkit-mask: url("/public/images/icons/lastName.svg") no-repeat center;
  mask: url("/public/images/icons/lastName.svg") no-repeat center;
}
.bizalineicon.bizalineicon-phone {
  -webkit-mask: url("/public/images/icons/phone.svg") no-repeat center;
  mask: url("/public/images/icons/phone.svg") no-repeat center;
}

.login-ogsm .signup-login {
  color: #46c1bd;
}
.login-ogsm .signup-login a {
  font-weight: bold;
  color: #46c1bd;
}
.login-ogsm .signup-register {
  background-color: #46c1bd;
}
.login-ogsm .signin-btn {
  background-color: #46c1bd;
  border-color: #46c1bd;
}
.login-ogsm .bizalineicon-email,
.login-ogsm .bizalineicon-phone,
.login-ogsm .bizalineicon-flag,
.login-ogsm .bizalineicon-lastName,
.login-ogsm .bizalineicon-user {
  background-color: #46c1bd;
}

.vertical-line {
  display: inline-block;
  border-left: 1px solid #fff;
  margin: 0 10px;
  height: 30px;
}

#getStarted {
  padding-bottom: 30px;
  padding-top: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #46c1bd;
  min-height: 650px;
  height: 100%;
}
#getStarted .login_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#getStarted .login_label {
  color: #ffffff;
  font-size: 20px;
}
#getStarted .login_label span {
  font-weight: 200;
}
#getStarted .login_label a {
  font-weight: bold;
  color: #ffffff;
}
#getStarted .signup_area a:hover {
  text-decoration: none;
}
#getStarted .signupButton {
  width: 115px;
  height: 48px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 24px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  font-weight: bold;
  color: #0a5c80;
}
#getStarted .main-box {
  text-align: left;
  letter-spacing: 0px;
  color: #ffffff;
  font-size: 40px;
  width: 365px;
  height: 171px;
}
#getStarted .highlighted_text {
  background: #0a5c80;
  border-radius: 31px;
  height: 62px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#getStarted .rocket-image {
  position: absolute;
  width: 791px;
  right: 0px;
  margin-top: 40px;
}
#getStarted .getStartedForm .input-group {
  border-radius: 25px;
  width: 80%;
}
#getStarted .getStartedForm .input-group input {
  border-radius: 25px;
}
#getStarted .getStartedForm .input-group .input-group-btn {
  position: absolute;
  right: -30px;
}
#getStarted .btn-signup {
  background: #0a5c80;
  border-color: #0a5c80;
}

.show-grid [class^=col-] {
  background-color: #eee;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86, 61, 124, 0.2);
}

.toolbar {
  background: #fff;
  z-index: 1000;
  border: none;
}
.toolbar .navbar-nav > li > a {
  color: currentColor;
}
.toolbar .person-placeholder {
  min-height: 30px;
  min-width: 38px;
  padding-left: 48px;
  margin-left: 10px;
}
.toolbar .person-placeholder .avatar {
  left: 0;
  right: auto;
  bottom: auto;
  top: 4px;
}
.toolbar .person-placeholder .avatar .avatar-body {
  width: 36px;
  height: 36px;
}

.logo {
  height: 27px;
}
.logo:focus {
  outline: 0;
}

.ed_logo {
  background-position: center;
  background-repeat: no-repeat;
  width: 172px;
}

.ed_logo_placeholder .waves-light {
  top: 0;
  position: absolute;
}

.fixed-sn .double-nav,
.fixed-sn footer,
.fixed-sn main {
  padding-left: 0;
}

@media only screen and (min-width: 1440px) {
  .ed_logo {
    height: 27px;
  }

  .toolbar,
.ed_logo,
.ed_logo_placeholder {
    height: 60px;
  }

  .toolbar .fa-bars {
    line-height: 20px;
    padding: 15px 0;
  }

  .fixed-sn .double-nav,
.fixed-sn footer,
.fixed-sn main {
    padding-left: 250px;
  }

  .fixed-sn main {
    padding-top: 80px;
  }

  .visible-el {
    display: block;
  }

  .hidden-el {
    display: none;
  }

  .navbar-form {
    margin-top: 13px;
  }

  .toolbar .person-placeholder .avatar {
    top: 9px !important;
  }

  .top-bar > li > a,
.top-bar .top-bar-toggle {
    padding: 20px 10px;
  }
  .top-bar .fa-bars {
    padding: 20px 0;
  }
  .top-bar .breadcrumb {
    padding: 20px 10px;
  }
  .top-bar .breadcrumb {
    padding: 20px 10px;
  }

  .btnWhatIsNew {
    background: #dc004e;
    color: white;
    margin: 10px 10px;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    padding: 5px 15px;
  }
}
@media only screen and (max-width: 1439px) {
  .fixed-sn main {
    padding-top: 80px;
  }

  .toolbar,
.ed_logo {
    height: 50px;
  }

  .visible-el {
    display: none;
  }

  .fa-bars {
    padding: 15px 0;
  }

  .top-bar .fa-bars {
    line-height: 20px;
  }

  .top-bar > li > a,
.top-bar .top-bar-toggle {
    padding: 15px 10px;
  }
  .top-bar .fa-bars {
    padding: 15px 0;
  }
  .top-bar .breadcrumb {
    padding: 15px 10px;
  }
  .top-bar .breadcrumb {
    padding: 15px 10px;
  }
}
.side-nav {
  position: fixed;
  width: 250px;
  top: 0;
  margin: 0;
  height: 100%;
  color: #d8d8d8;
  background-color: #2b303b;
  z-index: 1038;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.side-nav .dropdown-menu {
  width: 100%;
  max-width: 250px;
  max-height: 400px;
  overflow-y: auto;
}
.side-nav .dropdown-menu li a:first-child {
  text-overflow: ellipsis;
  overflow: hidden;
}
.side-nav .logo-wrapper {
  height: 100px;
  width: 240px;
  padding: 0;
}
.side-nav .add-item-link-placeholder {
  position: relative;
}
.side-nav .add-item-link-placeholder .add-item-link {
  position: absolute;
  right: 15px;
  padding: 0;
  top: 5px;
  display: none;
}
.side-nav .add-item-link-placeholder .add-item-link:hover {
  background-color: transparent;
}
.side-nav .add-item-link-placeholder:hover .menu-item-text {
  padding-right: 35px;
}
.side-nav .add-item-link-placeholder .menu-item-text {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 15px;
}
.side-nav .add-item-link-placeholder.fake-hover .add-item-link, .side-nav .add-item-link-placeholder:hover .add-item-link {
  display: block;
}
.side-nav .dropdown-menu .add-item-link-placeholder .add-item-link {
  top: 3px;
}

@media only screen and (max-width: 767px) {
  .side-nav .collapsible .dropdown-menu {
    max-width: 250px;
    overflow-x: auto;
  }
}
.top-bar {
  display: flex;
  margin: 0;
}
.top-bar .caret {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  transform: translate(0, -3px) rotate(45deg);
}
.top-bar .breadcrumb {
  margin-bottom: 0;
}
.top-bar .top-bar-toggle {
  display: inline-block;
  color: currentColor;
}
.top-bar .breadcrumb {
  background: none;
}

@media only screen and (max-width: 767px) {
  .fixed-sn main {
    padding-top: 60px;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    width: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }

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

  .search-bar {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }

  .side-nav .add-item-link-placeholder .add-item-link {
    display: block;
  }
}
.active-lang {
  background-color: #f5f5f5;
}

@media only screen and (min-width: 1440px) {
  .hidden-xl {
    display: none !important;
  }

  .display-xl {
    display: inline-block !important;
  }
}
.navbar-divider {
  border-left: 1px solid #bcbccb;
  height: 24px;
}

.myTasksContainer {
  display: flex;
  justify-content: space-between;
  min-width: 95px;
  align-items: center;
}
.myTasksContainer .title {
  font-size: 12px;
  font-weight: 400;
  padding-right: 5px;
}
.myTasksContainer .badge {
  color: #ffffff;
  min-width: 15px;
  height: 16px;
  display: flex;
  padding: 0 6px;
  margin: 0 3px;
  font-size: 10px;
  align-items: center;
  line-height: 1;
  align-content: center;
  border-radius: 25px;
  flex-direction: row;
  justify-content: center;
}
.myTasksContainer .badge.badge_overdue {
  background-color: #ff6565;
}
.myTasksContainer .badge.badge_endingsoon {
  background-color: #feca83;
}
.myTasksContainer .badge.badge_open {
  background-color: #3b86ff;
}

.avatar {
  background-color: #fff;
  padding: 2px;
  border-radius: 50%;
  position: absolute;
  bottom: 0px;
  right: 5px;
  border: 1px solid #f5f5f5;
}
.avatar.acceptance_type-1 {
  border-color: #09cb31;
}
.avatar.acceptance_type-2 {
  border-color: #d81a0d;
}
.avatar .avatar-body {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-clip: padding-box;
  background-size: cover;
  background-position: center center;
  display: block;
}

.no-photo .avatar-body {
  line-height: 42px;
  background-color: #eee;
  text-align: center;
}

.navHome {
  height: 48px;
}
.navHome.item-active > a:nth-child(2) {
  background-color: #1579b3;
  font-weight: bold;
}
.navHome.item-active > a:nth-child(2):hover {
  background-color: #1579b3;
}

.navSettings {
  padding: 0 !important;
}
.navSettings i {
  left: 8px !important;
}

.add-item-link-placeholder.navFavorite {
  height: 48px;
}
.add-item-link-placeholder.navFavorite:hover {
  background-color: #1e2832;
  color: #ffffff;
}
.add-item-link-placeholder.navFavorite a:nth-child(2) {
  padding-left: 0 !important;
}
.add-item-link-placeholder.navFavorite a:nth-child(2) i {
  left: 8px !important;
}

.navFavorite {
  background: #3e4450;
}

.navFavoriteDivider {
  height: 1px;
  overflow: hidden;
  background-color: #626165;
}

.side-nav {
  font-family: Roboto, Helvetica Neue, Arial, sans-serif;
  line-height: normal;
}
.side-nav .collapsible {
  margin: 0;
  padding: 0;
}
.side-nav .collapsible li {
  -webkit-font-smoothing: antialiased;
}
.side-nav .collapsible li:hover {
  background-color: #1e2832;
  color: #ffffff;
}
.side-nav .collapsible li a:hover {
  background-color: #1e2832;
  color: #ffffff;
}
.side-nav .collapsible li.item-active > a:first-child {
  background-color: #1579b3;
  font-weight: bold;
}
.side-nav .collapsible li.item-active > a {
  color: white;
}
.side-nav .collapsible ul {
  padding: 0;
  list-style-type: none;
}
.side-nav .collapsible a {
  position: relative;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
.side-nav .collapsible > ul > li > a,
.side-nav .collapsible > li > a {
  height: 48px;
  line-height: 48px;
  margin-bottom: 0;
}
.side-nav .collapsible > li.dropdown > a {
  padding-right: 35px;
}
.side-nav .collapsible > ul > li > a,
.side-nav .collapsible > li > a {
  padding-left: 50px;
}
.side-nav .collapsible > ul > li > a > .fa,
.side-nav .collapsible > ul > li > a .material-icons,
.side-nav .collapsible > li > a > .fa,
.side-nav .collapsible > li > a .material-icons {
  position: absolute;
  top: 15px;
}
.side-nav .collapsible > ul > li > a .fa:first-child,
.side-nav .collapsible > ul > li > a .material-icons,
.side-nav .collapsible > li > a .fa:first-child,
.side-nav .collapsible > li > a .material-icons {
  left: 20px;
}
.side-nav .collapsible > ul > li > a .material-icons,
.side-nav .collapsible > li > a .material-icons {
  font-size: 18px;
}
.side-nav .collapsible .dropdown-menu {
  padding: 5px 0;
}
.side-nav .collapsible .dropdown-menu li > a:first-child {
  padding-right: 30px;
  line-height: 25px;
}
.side-nav .collapsible .dropdown-menu .material-icons {
  font-size: 18px;
  vertical-align: middle;
}
.side-nav a {
  color: #a7a9ae;
  display: block;
  line-height: 56px;
  padding-left: 20px;
}
.side-nav a:hover {
  color: white;
}
.side-nav .collapsible-body {
  background-color: rgba(0, 0, 0, 0.15);
}
.side-nav .collapsible-body a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 20px;
  height: 36px;
  line-height: 36px;
}
.side-nav .fa-angle-down.rotate-icon {
  right: 20px;
}

.collapsible .active .rotate-icon {
  transform: rotate(180deg);
  transition: all 150ms ease-in 0s;
}

.screen-adjustable {
  min-width: 100%;
}

.btnWhatIsNew {
  background: #dc004e;
  color: white;
  margin: 10px 10px;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  padding: 5px 15px;
}