#activityFeed .section-content .activity-row:first-child {
  padding-top: 0px;
  padding-bottom: 2px; }

#activityFeed .section-content .activity-row {
  border-bottom: 2px solid #d8d8d8;
  padding-bottom: 3px;
  padding-top: 7px;
  line-height: 16px; }
  #activityFeed .section-content .activity-row .activity-user {
    display: inline-block;
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  #activityFeed .section-content .activity-row .activity-description {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 234px); }
  #activityFeed .section-content .activity-row .activity-action {
    float: left;
    font-weight: bold;
    padding-right: 2px; }
  #activityFeed .section-content .activity-row .activity-name {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 15%;
    padding-right: 4px; }
  #activityFeed .section-content .activity-row .activity-details {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%; }
  #activityFeed .section-content .activity-row .activity-details.full-details {
    max-width: 100%; }
  #activityFeed .section-content .activity-row .activity-time {
    color: rgba(0, 0, 0, 0.54);
    float: right; }
  #activityFeed .section-content .activity-row .bold {
    font-weight: bold; }

#activityFeed a.activity-link:hover {
  color: #0584E2; }

.good {
  color: green;
  font-size: 18px; }

.bad {
  color: red;
  font-size: 18px; }

.red-text {
  color: #f42f2f !important; }

.centerAlign {
  text-align: center !important; }

.noTopBorder {
  border-top: 0 !important; }

.error-border {
  border: 1px solid #DD424F; }


/* This was done to contain the control tower in the window */
/* dashboard layout needs to be redesigned */
.embeddedBody.control-tower {
  overflow-y: hidden !important; }
  .embeddedBody.control-tower .dashboard {
    height: calc(100% - 110px); }
    .embeddedBody.control-tower .dashboard .row {
      height: 100%; }
      .embeddedBody.control-tower .dashboard .row .column {
        height: 100% !important; }
        .embeddedBody.control-tower .dashboard .row .column .widgets {
          height: 100%; }
          .embeddedBody.control-tower .dashboard .row .column .widgets .widget {
            height: 100%; }
            .embeddedBody.control-tower .dashboard .row .column .widgets .widget .panel-heading {
              height: 40px; }
            .embeddedBody.control-tower .dashboard .row .column .widgets .widget .panel-body {
              height: calc(100% - 40px); }
              .embeddedBody.control-tower .dashboard .row .column .widgets .widget .panel-body adf-widget-content {
                height: 100%; }
                .embeddedBody.control-tower .dashboard .row .column .widgets .widget .panel-body adf-widget-content .row {
                  height: 100%; }
                  .embeddedBody.control-tower .dashboard .row .column .widgets .widget .panel-body adf-widget-content .row .col-sm-12 {
                    height: 100%; }
                    .embeddedBody.control-tower .dashboard .row .column .widgets .widget .panel-body adf-widget-content .row .col-sm-12 .container {
                      height: 100%; }

.help-link {
  visibility: hidden;
  margin-left: 4px; }
  .help-link i {
    font-size: 18px; }

.widget:hover .help-link {
  visibility: visible; }

#editProjectStages .container-fluid {
  padding-bottom: 16px; }
  #editProjectStages .container-fluid .sortable-card {
    border: 1px solid #d8d8d8;
    padding: 4px;
    margin: 8px;
    border-radius: 2px;
    background-color: #f1f1f1; }
    #editProjectStages .container-fluid .sortable-card.editable {
      cursor: move;
      cursor: grab;
      cursor: -webkit-grab; }
      #editProjectStages .container-fluid .sortable-card.editable:active {
        cursor: move;
        cursor: grabbing;
        cursor: -webkit-grabbing; }
    #editProjectStages .container-fluid .sortable-card .card-display {
      padding: 10px 20px; }
      #editProjectStages .container-fluid .sortable-card .card-display .card-number {
        font-weight: bold; }
      #editProjectStages .container-fluid .sortable-card .card-display .card-name {
        font-weight: bold; }
      #editProjectStages .container-fluid .sortable-card .card-display .card-actions {
        float: right;
        font-size: large; }
        #editProjectStages .container-fluid .sortable-card .card-display .card-actions i {
          cursor: pointer;
          color: rgba(0, 0, 0, 0.54); }
          #editProjectStages .container-fluid .sortable-card .card-display .card-actions i:hover {
            color: rgba(0, 0, 0, 0.87); }
    #editProjectStages .container-fluid .sortable-card .card-edit {
      padding: 10px 20px; }
      #editProjectStages .container-fluid .sortable-card .card-edit .card-number {
        font-weight: bold;
        margin-top: 5px;
        width: 30px; }
      #editProjectStages .container-fluid .sortable-card .card-edit .card-name {
        width: calc(100% - 30px); }
      #editProjectStages .container-fluid .sortable-card .card-edit .stage-input-container {
        padding-left: 30px; }

.modal.excel-export-modal {
  left: 48% !important;
  width: 400px !important;
  height: 114px !important; }
  .modal.excel-export-modal .modal-dialog {
    width: inherit !important; }
    .modal.excel-export-modal .modal-dialog .modal-content {
      width: inherit !important; }
      .modal.excel-export-modal .modal-dialog .modal-content .excel-export {
        width: inherit !important; }

.excel-export.modal-body {
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  -webkit-flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .excel-export.modal-body .message {
    font-size: 40px;
    margin-bottom: 10px; }
  .excel-export.modal-body .message span {
    font-size: 50px;
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both; }
  .excel-export.modal-body .message span:nth-child(2) {
    animation-delay: .2s; }
  .excel-export.modal-body .message span:nth-child(3) {
    animation-delay: .4s; }
  .excel-export.modal-body a {
    padding-top: 14px; }

@keyframes blink {
  0% {
    opacity: .2; }
  20% {
    opacity: 1; }
  100% {
    opacity: .2; } }

.global-item-search {
  width: 46px;
  margin-top: 7px;
  margin-right: 16px;
  background: #fafafa;
  background-color: transparent;
  border-radius: 3px;
  color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 0;
  overflow: visible;
  transition: width 0.32s, color 0.2s 0.2s, background-color 0.15s 0.17s ease-out;
  height: 35px; }
  .global-item-search.open {
    width: 344px;
    transition: width 0.4s;
    overflow: hidden;
    background-color: #fafafa;
    color: inherit; }
    .global-item-search.open .search-icon {
      color: #676767;
      cursor: default;
      height: 100%;
      margin-left: 9px;
      padding: 0 9px;
      margin-right: 0px;
      border-radius: 50%; }
    .global-item-search.open .input {
      opacity: 1;
      background-color: transparent; }
    .global-item-search.open .clear-button-container {
      visibility: visible; }
    .global-item-search.open .dropdown {
      visibility: visible; }
  .global-item-search .search-icon {
    color: white;
    display: flex;
    align-items: center;
    height: 41px;
    min-width: 40px;
    margin-left: 7.5px;
    padding: 8px 10.5px;
    margin-right: -1.5px;
    border-radius: 50%; }
    .global-item-search .search-icon:hover, .global-item-search .search-icon:focus {
      background-color: rgba(255, 255, 255, 0.15);
      outline: none; }
    .global-item-search .search-icon svg {
      height: 19px;
      width: 19px;
      min-width: 19px; }
  .global-item-search .input {
    height: 100%;
    width: 151px;
    border: 0px;
    opacity: 0;
    padding-bottom: 2px; }
    .global-item-search .input.extended {
      width: 261px; }
    .global-item-search .input::-ms-clear {
      display: none; }
  .global-item-search .clear-button-container {
    height: 35px;
    width: 34px;
    visibility: hidden; }
    .global-item-search .clear-button-container .clear-button {
      background: none;
      border: none;
      color: #676767;
      height: 35px;
      outline: none;
      padding: 9.5px;
      padding-right: 14.5px;
      width: 34px; }
  .global-item-search .clear-icon {
    width: 10px;
    color: #333333;
    cursor: pointer; }
  .global-item-search .dropdown {
    border-left: 1px solid #c9c9c9;
    height: 100%;
    visibility: hidden; }
    .global-item-search .dropdown .filterEdit {
      position: relative;
      height: 100%;
      width: 109px;
      background: none;
      border: none;
      padding-right: 30px;
      padding-left: 13px;
      overflow: hidden;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .global-item-search .dropdown .filterEdit .caret {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%); }

.tooltip.global-item-search-tooltip {
  margin-left: -3px;
  margin-top: 0; }
  .tooltip.global-item-search-tooltip .tooltip-inner {
    padding: 7px 11px; }

.global-item-search--site-filter-menu {
  margin-right: -1px;
  border-radius: 0;
  padding: 0;
  min-width: 240px; }
  .global-item-search--site-filter-menu .multiselect-options {
    max-height: 236px; }
  @media (max-height: 600px) {
    .global-item-search--site-filter-menu {
      margin-right: 16px; } }

.global-item-search-dropdown {
  width: 344px;
  right: 16px;
  border: none;
  box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.27);
  border-radius: 0;
  margin-top: 4px;
  max-height: calc(100vh - 100px);
  overflow-x: hidden;
  overflow-y: auto; }
  .global-item-search-dropdown .search-results-loading-spinner {
    height: 2em;
    width: 2em;
    margin: 3em auto;
    border: solid 3px #29d;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: individual-spinner 800ms linear infinite; }
  .global-item-search-dropdown .no-results {
    padding: 31px 0 51px 0;
    text-align: center; }
    .global-item-search-dropdown .no-results .no-results-image {
      display: block;
      margin: 0 auto 25px auto; }
    .global-item-search-dropdown .no-results .no-results-title {
      font-size: 20px;
      line-height: 23px; }
    .global-item-search-dropdown .no-results .no-results-description {
      font-size: 12px;
      line-height: 14px;
      margin-top: 5px;
      margin-bottom: 0px; }
  .global-item-search-dropdown .global-item-search-result {
    color: #131313;
    background-color: #ffffff;
    padding: 10.5px 30px; }
    .global-item-search-dropdown .global-item-search-result strong {
      color: #0584E2; }
    .global-item-search-dropdown .global-item-search-result .result-line-1 {
      white-space: normal;
      font-weight: bold;
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 3px;
      color: #131313; }
    .global-item-search-dropdown .global-item-search-result .result-line-2 {
      white-space: normal;
      font-size: 13px;
      line-height: 16px;
      margin-bottom: 3px;
      color: #676767; }
      .global-item-search-dropdown .global-item-search-result .result-line-2 strong {
        font-weight: normal; }
    .global-item-search-dropdown .global-item-search-result .result-line-3 {
      font-size: 12px;
      color: #676767;
      line-height: 15px;
      margin: 0; }
    .global-item-search-dropdown .global-item-search-result .view-all {
      color: #0584E2; }
  .global-item-search-dropdown .uib-typeahead-match > .global-item-search-result:hover, .global-item-search-dropdown .active > .global-item-search-result {
    color: #131313;
    background-color: #f1f1f1; }

.smartTableGrid.leandna-grid.task-grid .smartTable td.cell-div.fit-dropdown {
  padding: 0px 0px;
  border: 0px; }
  .smartTableGrid.leandna-grid.task-grid .smartTable td.cell-div.fit-dropdown .dropdown-menu {
    position: static; }
  .smartTableGrid.leandna-grid.task-grid .smartTable td.cell-div.fit-dropdown .ui-select-container {
    border-radius: 0px !important; }

.calendar {
  margin-top: 20px;
  padding-left: 0px; }

#itemDrilldown {
  height: 100vh;
  display: flex;
  flex-flow: column;
  overflow: hidden; }
  #itemDrilldown .history-chart-container {
    padding: 10px 20px 0; }
  #itemDrilldown .history-tab-container {
    min-height: 600px;
    overflow-x: hidden; }
  #itemDrilldown .modal-body-wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    overflow: hidden; }
  #itemDrilldown .my-assignments-new-buyer-work-flow {
    height: calc(100vh - 260px);
    overflow-x: scroll; }
  #itemDrilldown .modal-body-actions-open {
    width: 927px; }
  #itemDrilldown .modal-body-actions-closed {
    width: 974px; }
  #itemDrilldown .actions-sidebar {
    flex-shrink: 0; }
  #itemDrilldown .sidebar-only-mode {
    height: 100vh; }
  #itemDrilldown .actions-sidebar-open {
    width: 380px; }
  #itemDrilldown .chat-sidebar-open {
    width: 396px; }
  #itemDrilldown .actions-sidebar-closed {
    width: 70px; }
  #itemDrilldown .add-column-sidebar-open {
    width: 300px; }
  #itemDrilldown .history-section .filter {
    padding: 8px 0 8px 8px; }
  #itemDrilldown .history-section .history-chart {
    padding-top: 20px; }
    #itemDrilldown .history-section .history-chart .c3-line {
      stroke-width: 3px; }
  #itemDrilldown .history-section .chart-no-data {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px; }
    #itemDrilldown .history-section .chart-no-data p {
      font-weight: bold; }
  #itemDrilldown .history-section .history-table {
    padding: 60px 20px 80px 20px; }
    #itemDrilldown .history-section .history-table .selected-point-info {
      padding: 10px 0 10px 0; }
      #itemDrilldown .history-section .history-table .selected-point-info button {
        padding-left: 10px; }
    #itemDrilldown .history-section .history-table .history-row {
      border-bottom: 2px solid #eee;
      padding: 5px 0 5px 15px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      #itemDrilldown .history-section .history-table .history-row.first-row {
        border-top: 2px solid #eee; }
      #itemDrilldown .history-section .history-table .history-row .history-date {
        color: #888;
        flex-grow: 1;
        flex-basis: 0; }
      #itemDrilldown .history-section .history-table .history-row .history-details {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 3;
        flex-basis: 0;
        flex-direction: column; }
        #itemDrilldown .history-section .history-table .history-row .history-details .history-detail {
          border-bottom: 2px solid #eee;
          padding: 5px 0 5px 0; }
          #itemDrilldown .history-section .history-table .history-row .history-details .history-detail.last-detail {
            border: none; }
          #itemDrilldown .history-section .history-table .history-row .history-details .history-detail div {
            display: inline-block; }
          #itemDrilldown .history-section .history-table .history-row .history-details .history-detail .detail-name {
            width: 60%; }
          #itemDrilldown .history-section .history-table .history-row .history-details .history-detail .current-value,
          #itemDrilldown .history-section .history-table .history-row .history-details .history-detail .diff-value {
            width: 15%; }
  #itemDrilldown .history-section .filter .date-body,
  #itemDrilldown .itemSection .filter .date-body {
    padding: 0; }
    #itemDrilldown .history-section .filter .date-body .date-selector,
    #itemDrilldown .itemSection .filter .date-body .date-selector {
      padding: 5px; }
      #itemDrilldown .history-section .filter .date-body .date-selector p,
      #itemDrilldown .itemSection .filter .date-body .date-selector p {
        padding: 0 0 0 8px;
        font-size: 12px; }
      #itemDrilldown .history-section .filter .date-body .date-selector .input-group,
      #itemDrilldown .itemSection .filter .date-body .date-selector .input-group {
        height: 24px; }
        #itemDrilldown .history-section .filter .date-body .date-selector .input-group input,
        #itemDrilldown .itemSection .filter .date-body .date-selector .input-group input {
          height: 24px; }
        #itemDrilldown .history-section .filter .date-body .date-selector .input-group .uib-datepicker-popup,
        #itemDrilldown .itemSection .filter .date-body .date-selector .input-group .uib-datepicker-popup {
          padding: 8px; }
        #itemDrilldown .history-section .filter .date-body .date-selector .input-group .input-group-btn,
        #itemDrilldown .itemSection .filter .date-body .date-selector .input-group .input-group-btn {
          vertical-align: top; }
          #itemDrilldown .history-section .filter .date-body .date-selector .input-group .input-group-btn button,
          #itemDrilldown .itemSection .filter .date-body .date-selector .input-group .input-group-btn button {
            height: 24px;
            padding: 0 8px 0 8px; }
  #itemDrilldown .itemSection {
    background-color: #fff; }
    #itemDrilldown .itemSection .drilldownTable tr.excluded {
      background-color: #eee;
      color: #999; }
    #itemDrilldown .itemSection .filter-container {
      padding-left: 40px;
      margin-bottom: 8px; }
      #itemDrilldown .itemSection .filter-container .filter-row {
        display: flex;
        flex-wrap: nowrap; }
    #itemDrilldown .itemSection .text-formula {
      font-family: monospace; }
    #itemDrilldown .itemSection .panel-group .panel-body,
    #itemDrilldown .itemSection .panel-group .panel-heading {
      padding: 0; }
    #itemDrilldown .itemSection .panel-group .panel-heading a:focus,
    #itemDrilldown .itemSection .panel-group .panel-heading a:hover {
      color: inherit;
      text-decoration: none; }
    #itemDrilldown .itemSection .history-accordion-header {
      background-color: #F8F8F8;
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 400; }
    #itemDrilldown .itemSection .history-table-message {
      color: #FFFFFF;
      background-color: #0E509A;
      line-height: 33px;
      text-align: center; }
    #itemDrilldown .itemSection .history-table-container {
      overflow: auto; }
  #itemDrilldown .modal-header {
    padding: 16px 20px;
    padding-bottom: 16px;
    border-bottom: none;
    background-color: #fff;
    position: relative; }
    #itemDrilldown .modal-header .item-info {
      display: inline-block;
      width: 70%;
      padding: 8px 0 0 8px; }
      #itemDrilldown .modal-header .item-info .item-code {
        display: inline-block; }
        #itemDrilldown .modal-header .item-info .item-code h3 {
          font-size: 18px;
          line-height: 28px;
          font-weight: 700;
          color: rgba(0, 0, 0, 0.76); }
    #itemDrilldown .modal-header .heuristic-paragraph {
      font-size: 14px; }
    #itemDrilldown .modal-header .addActionLinkContainer {
      margin-top: 8px; }
      #itemDrilldown .modal-header .addActionLinkContainer .slideInDismiss {
        color: #000;
        font-size: 28px;
        margin-left: 16px; }
        #itemDrilldown .modal-header .addActionLinkContainer .slideInDismiss i {
          margin-top: 3px; }
    #itemDrilldown .modal-header .help-page {
      display: inline-block;
      vertical-align: middle;
      padding-right: 8px;
      font-size: 18px; }
  #itemDrilldown.fullscreen .modal-header,
  #itemDrilldown.fullscreen .modal-body {
    padding: 0;
    overflow-y: auto; }
  #itemDrilldown.fullscreen .addActionLinkContainer.drilldown-add-task {
    top: auto; }
  #itemDrilldown .column-drawer-icon {
    position: absolute;
    right: 8px;
    bottom: 4px;
    padding: 2px 4px;
    cursor: pointer;
    text-align: center; }

#projectGanttChart .gantt-scrollable-header {
  position: sticky;
  top: -20px;
  z-index: 1000;
  background: #ffffff; }

#genericTableTemplate iframe {
  height: 100%;
  width: 100%;
  border: 0px;
  overflow: hidden; }

#genericTableTemplate #superset-dashboard {
  height: 100%; }
  #genericTableTemplate #superset-dashboard iframe {
    height: 100% !important; }

#genericTableTemplate .lean-grid-wrapper {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden; }
  #genericTableTemplate .lean-grid-wrapper .newPageTitle {
    flex: 0 0 auto; }
    #genericTableTemplate .lean-grid-wrapper .newPageTitle .titleContainer {
      display: flex;
      align-items: center;
      flex-direction: row; }
      #genericTableTemplate .lean-grid-wrapper .newPageTitle .titleContainer h1 {
        margin-bottom: 0; }
  #genericTableTemplate .lean-grid-wrapper .lean-grid-table-holder {
    flex: 1 1 auto;
    overflow: hidden; }
    #genericTableTemplate .lean-grid-wrapper .lean-grid-table-holder .lean-table-container {
      height: 100%;
      display: flex;
      overflow: hidden;
      flex-flow: column nowrap; }
      #genericTableTemplate .lean-grid-wrapper .lean-grid-table-holder .lean-table-container .filtersContainer,
      #genericTableTemplate .lean-grid-wrapper .lean-grid-table-holder .lean-table-container .actions-container {
        width: 100%;
        flex: 0 0 auto; }
      #genericTableTemplate .lean-grid-wrapper .lean-grid-table-holder .lean-table-container .grid-container {
        flex: 1 1 auto;
        height: auto;
        overflow: hidden; }

#genericTableTemplate .newPageTitle {
  min-height: 44px;
  flex: 0 0 auto; }
  #genericTableTemplate .newPageTitle .title-container {
    display: flex;
    padding-right: 24px;
    align-items: center; }
    #genericTableTemplate .newPageTitle .title-container h1 {
      margin-bottom: 0; }
    #genericTableTemplate .newPageTitle .title-container .title-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-right: 0;
      font-size: 1.5rem;
      font-weight: 600; }
    #genericTableTemplate .newPageTitle .title-container .shared-view-owner {
      margin-left: 8px;
      white-space: nowrap;
      color: #888;
      font-size: 14px; }
  #genericTableTemplate .newPageTitle .actionsButton #reportButtons {
    margin-top: 0 !important;
    padding-top: 0; }
    #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button {
      overflow: visible;
      margin-right: 0.5em; }
      #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button:after {
        content: '|';
        color: #0584E2;
        position: relative;
        left: 1.25em;
        top: -1px; }
      #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button:last-child, #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button.gray, #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button.raised, #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button.no-separator {
        margin-right: 0; }
        #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button:last-child:after, #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button.gray:after, #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button.raised:after, #genericTableTemplate .newPageTitle .actionsButton #reportButtons .button.no-separator:after {
          display: none; }
    #genericTableTemplate .newPageTitle .actionsButton #reportButtons .dropdown {
      vertical-align: bottom; }
      #genericTableTemplate .newPageTitle .actionsButton #reportButtons .dropdown .dropdown-menu {
        margin-top: 0.25em;
        padding-top: 0.75em !important;
        width: 17em; }
        #genericTableTemplate .newPageTitle .actionsButton #reportButtons .dropdown .dropdown-menu .menu-button {
          width: 100%;
          padding: 0.75em 1.5em;
          border: none;
          text-align: left;
          background-color: transparent; }
          #genericTableTemplate .newPageTitle .actionsButton #reportButtons .dropdown .dropdown-menu .menu-button i {
            display: inline;
            margin-left: 0;
            margin-right: 1em; }
        #genericTableTemplate .newPageTitle .actionsButton #reportButtons .dropdown .dropdown-menu .menu-button:hover {
          background-color: #f3f3f3; }
  #genericTableTemplate .newPageTitle .help-icon {
    color: #0584E2;
    cursor: pointer; }
  #genericTableTemplate .newPageTitle .margin-left8 {
    margin-left: 8px; }
  #genericTableTemplate .newPageTitle .my-view-user-description-originated {
    color: #000;
    font-size: 14px; }
    #genericTableTemplate .newPageTitle .my-view-user-description-originated a {
      cursor: pointer; }

#genericTableTemplate .originated-from-container {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px; }

#genericTableTemplate .no-data-found {
  font-weight: bold;
  line-height: 16px;
  font-size: 14px;
  height: 400px;
  padding-top: 8px;
  text-align: center; }

#genericTableTemplate .header-button {
  float: left;
  padding-right: 4px;
  position: relative;
  right: 5px;
  top: 2px;
  cursor: pointer; }

#genericTableTemplate .group-button {
  padding-right: 9px;
  cursor: pointer; }

#genericTableTemplate .multiselect-menu {
  width: 248px !important; }
  #genericTableTemplate .multiselect-menu.dynamic-width {
    width: auto !important;
    min-width: 248px; }

#genericTableTemplate .date-menu {
  width: 248px; }

#genericTableTemplate .string-menu {
  width: 248px; }

#genericTableTemplate .numerical-menu {
  width: 248px; }

#genericTableTemplate .dropdown-menu {
  padding: 0px !important;
  min-width: 137.58px !important; }

#genericTableTemplate .date-menu {
  min-width: 248px !important; }

#genericTableTemplate .string-menu {
  min-width: 248px !important; }

#genericTableTemplate .numerical-menu {
  min-width: 248px !important; }

#genericTableTemplate .fa-refresh {
  cursor: pointer !important; }
  #genericTableTemplate .fa-refresh:hover {
    color: #333 !important; }

#genericTableTemplate .fa-caret-down {
  color: #333 !important; }
  #genericTableTemplate .fa-caret-down:hover {
    color: #333 !important; }

#genericTableTemplate .titleWithViews {
  display: inline-block;
  line-height: 1.5;
  padding-bottom: 1px;
  font-size: 1.5rem;
  font-weight: 600; }
  #genericTableTemplate .titleWithViews.subnav {
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 8px; }
    #genericTableTemplate .titleWithViews.subnav h1,
    #genericTableTemplate .titleWithViews.subnav .title {
      font-size: 0.875rem;
      margin: 0;
      line-height: 1.1;
      font-weight: 400; }
  #genericTableTemplate .titleWithViews .viewChange {
    padding-right: 5px; }
    #genericTableTemplate .titleWithViews .viewChange > a {
      color: #363638; }
      #genericTableTemplate .titleWithViews .viewChange > a:hover, #genericTableTemplate .titleWithViews .viewChange > a:focus {
        color: #363638; }

#genericTableTemplate .fa-question-circle {
  padding-left: 4px; }

#genericTableTemplate .shift-right {
  text-align: right; }

#genericTableTemplate .bucket {
  text-align: right; }

#genericTableTemplate .leandna-search-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 0; }

#genericTableTemplate .shift-right {
  text-align: right; }

#genericTableTemplate .bucket {
  text-align: right; }

#genericTableTemplate .red {
  background: #d30a0a !important;
  color: #FFFFFF; }

#genericTableTemplate .green {
  background: #37c074;
  color: #FFF; }

#genericTableTemplate .table-row:hover .red {
  background: #a60404 !important; }

#genericTableTemplate .table-row:hover .yellow {
  background: #ffef96 !important; }

#genericTableTemplate .table-row:hover .orange {
  background: #f27d00 !important; }

#genericTableTemplate .table-row:hover .green {
  background: #0c9d4d !important; }

#genericTableTemplate .selected .red {
  background: #a60404 !important; }

#genericTableTemplate .selected .yellow {
  background: #ffef96 !important; }

#genericTableTemplate .selected .orange {
  background: #f27d00 !important; }

#genericTableTemplate .selected .green {
  background: #0c9d4d !important; }

#genericTableTemplate .selected .blue {
  background: #083D78 !important; }

#genericTableTemplate .selected .hoverShowCell {
  display: block; }

#genericTableTemplate .blue {
  background: #083D78 !important; }

#genericTableTemplate .yellow {
  background: #ffe535 !important; }

#genericTableTemplate .orange {
  background: #ff9c18 !important; }

#genericTableTemplate .hoverGray:hover .invalidHighlight {
  background: #bfd4e0 !important; }

#genericTableTemplate .hoverGray.selected .invalidHighlight {
  background: #bfd4e0 !important; }

#genericTableTemplate .footer {
  font-weight: bold;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4; }

#genericTableTemplate .cell-div {
  border-color: #d8d8d8 !important;
  font-size: 0.875rem; }
  #genericTableTemplate .cell-div.good i {
    color: #0c9d4d; }
  #genericTableTemplate .cell-div.warning i, #genericTableTemplate .cell-div.yellow i {
    color: #f4ce00; }
  #genericTableTemplate .cell-div.bad i {
    color: #d30a0a; }
  #genericTableTemplate .cell-div.badBg {
    background: #f42f2f;
    color: #fff; }
  #genericTableTemplate .cell-div.goodBg {
    background: #37c074;
    color: #fff; }

#genericTableTemplate .grayCell {
  color: #757575;
  font-style: italic;
  background: #eee;
  box-sizing: border-box; }

#genericTableTemplate .grayWhiteCell {
  color: #757575;
  box-sizing: border-box; }

#genericTableTemplate .hoverShowCell {
  display: none; }

#genericTableTemplate .inline-status-cell {
  padding: 1px 2px !important; }
  #genericTableTemplate .inline-status-cell .status-name {
    padding: 2px 8px;
    float: left;
    width: auto;
    height: 100%;
    align-items: center; }
  #genericTableTemplate .inline-status-cell .inlineActionIcons {
    height: 100%;
    display: flex;
    float: right;
    flex: 1;
    color: #0584E2; }
    #genericTableTemplate .inline-status-cell .inlineActionIcons .historyIcon, #genericTableTemplate .inline-status-cell .inlineActionIcons .retryIcon {
      margin-right: 4px;
      align-items: center;
      display: inline-flex;
      line-height: 0; }
      #genericTableTemplate .inline-status-cell .inlineActionIcons .historyIcon:hover, #genericTableTemplate .inline-status-cell .inlineActionIcons .retryIcon:hover {
        color: #23527c;
        cursor: pointer; }

#genericTableTemplate .inline-edit-cell {
  padding: 1px 2px !important; }
  #genericTableTemplate .inline-edit-cell.custom-padding .edit-name-text {
    padding: 2px 8px; }
  #genericTableTemplate .inline-edit-cell.custom-padding:hover .edit-name-text {
    padding: 2px 8px; }
  #genericTableTemplate .inline-edit-cell .edit-name-text:not(.no-edit):not(.with-status):not(.with-action):hover {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 3px; }
  #genericTableTemplate .inline-edit-cell .edit-name-text:not(.no-edit):hover .name-field.emptyContent:before {
    content: '\f067';
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0584e2;
    vertical-align: middle; }
  #genericTableTemplate .inline-edit-cell .edit-name-text:not(.no-edit):hover .name-field.emptyContent:after {
    content: 'Add...';
    color: #0584e2;
    vertical-align: middle;
    margin-left: 5px; }
  #genericTableTemplate .inline-edit-cell .edit-name-text {
    padding: 2px 8px;
    cursor: pointer;
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
    #genericTableTemplate .inline-edit-cell .edit-name-text.with-action {
      cursor: default; }
  #genericTableTemplate .inline-edit-cell .edit-name-text.with-status {
    width: calc(100% - 23px); }
  #genericTableTemplate .inline-edit-cell .edit-name-text.no-edit {
    width: 100%;
    cursor: default; }
  #genericTableTemplate .inline-edit-cell .fa {
    margin-left: 4px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    cursor: pointer;
    font-size: inherit;
    vertical-align: text-top;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }
  #genericTableTemplate .inline-edit-cell .historyIcon {
    height: 18px;
    margin-left: 4px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    line-height: 0; }
  #genericTableTemplate .inline-edit-cell .name-field {
    align-self: flex-start;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis; }
  #genericTableTemplate .inline-edit-cell .editIcon {
    align-self: flex-end;
    display: none;
    line-height: 1; }
  #genericTableTemplate .inline-edit-cell .inline-check {
    display: flex;
    color: #5C9F07;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px; }
  #genericTableTemplate .inline-edit-cell .inline-exclam {
    display: flex;
    color: #FD9800;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px; }
  #genericTableTemplate .inline-edit-cell:hover .name-text {
    width: calc(100% - 56px);
    text-overflow: ellipsis;
    overflow: hidden; }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 8px; }
    #genericTableTemplate .inline-edit-cell:hover .edit-name-text .inlineActionIcons {
      width: 20px;
      float: right; }
    #genericTableTemplate .inline-edit-cell:hover .edit-name-text .inlineActionIcons.with-copy {
      width: 56px; }
    #genericTableTemplate .inline-edit-cell:hover .edit-name-text:not(.overDue):hover .editIcon {
      color: #0584e2; }
  #genericTableTemplate .inline-edit-cell:hover .editIcon {
    display: inline-block; }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-delete {
    width: calc(100% - 40px); }
    #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-delete.with-action {
      width: calc(100% - 40px); }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-status {
    width: calc(100% - 40px); }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-copy {
    width: calc(100% - 36px); }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-copy.with-history {
    width: calc(100% - 56px); }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-history {
    width: calc(100% - 20px); }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-action {
    width: calc(100% - 18px); }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-copy.no-edit {
    width: 100%;
    cursor: default; }
  #genericTableTemplate .inline-edit-cell:hover .edit-name-text.with-delete.with-archive {
    width: calc(100% - 56px); }
  #genericTableTemplate .inline-edit-cell:hover .inlineActionIcons {
    visibility: visible; }
    #genericTableTemplate .inline-edit-cell:hover .inlineActionIcons:not(.overDue) {
      color: rgba(0, 0, 0, 0.54); }
    #genericTableTemplate .inline-edit-cell:hover .inlineActionIcons .fa:hover {
      color: #0584e2; }
    #genericTableTemplate .inline-edit-cell:hover .inlineActionIcons .historyIcon:hover {
      color: #0584e2; }
  #genericTableTemplate .inline-edit-cell:hover .inlineActionIcons.with-delete {
    width: 40px; }
  #genericTableTemplate .inline-edit-cell .inlineActionIcons {
    visibility: hidden;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding-right: 4px; }

#genericTableTemplate .color-code-cell .inline-edit-cell:hover .inlineActionIcons {
  float: none;
  margin-left: 6px; }

#genericTableTemplate .table-a3-icon {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  margin-right: 5px;
  line-height: 9px;
  padding: 2px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.54);
  font-size: 10px; }
  #genericTableTemplate .table-a3-icon.greenState, #genericTableTemplate .table-a3-icon.good {
    font-size: 10px;
    background: #37C074;
    color: #fff; }
  #genericTableTemplate .table-a3-icon.completeState, #genericTableTemplate .table-a3-icon.complete {
    font-size: 10px;
    background: #005FA5;
    color: #fff; }
  #genericTableTemplate .table-a3-icon.redState, #genericTableTemplate .table-a3-icon.bad {
    background: #F42F2F;
    font-size: 10px;
    color: #fff; }
  #genericTableTemplate .table-a3-icon.yellowState, #genericTableTemplate .table-a3-icon.warn {
    background: #FFE349;
    font-size: 10px;
    color: #000; }

#genericTableTemplate .stage-complete, #genericTableTemplate .project-complete {
  background: #005FA5;
  color: white;
  text-align: center;
  display: block; }

#genericTableTemplate .anchor-link {
  cursor: pointer; }

#genericTableTemplate .archive {
  color: #757575;
  font-style: italic;
  box-sizing: border-box; }

#genericTableTemplate .dashboard-buyer-performance {
  height: calc(100% - 50px); }

@-moz-document url-prefix() {
  #genericTableTemplate .header .dropdown {
    position: absolute; } }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    #genericTableTemplate .header .header-contents {
      float: left; }
    #genericTableTemplate .main-table-container {
      position: relative;
      bottom: 5px; }
    #genericTableTemplate .group-table-container {
      position: relative;
      bottom: 5px; }
    #pinnedTableHideScroll {
      position: relative;
      bottom: 5px; } } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .input-group-btn {
    bottom: 1px; } }

#genericTableTemplate .ui-resizable-e {
  width: 10px;
  height: 53px;
  cursor: col-resize;
  top: 0; }

#genericTableTemplate .total-row {
  font-weight: bold; }

#genericTableTemplate .text-left {
  text-align: left !important; }

#genericTableTemplate .expand {
  display: table-cell; }

#genericTableTemplate .hide-headers {
  display: none !important; }

#genericTableTemplate .hide-row {
  display: none !important; }

#genericTableTemplate .collapse-row {
  display: none !important; }

#genericTableTemplate .extraTableText {
  position: relative;
  top: 100%;
  transform: translateY(-100%);
  font-style: italic; }

#genericTableTemplate .grid-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 154px);
  padding-top: 5px; }
  #genericTableTemplate .grid-container.with-tabs {
    height: calc(100vh - 285px); }
  #genericTableTemplate .grid-container .fake-scroller-container {
    height: 100% !important;
    flex-grow: 1;
    overflow-y: scroll;
    width: 15px; }
    #genericTableTemplate .grid-container .fake-scroller-container .fake-scroller {
      width: 2px; }
  #genericTableTemplate .grid-container .tables {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 15px);
    white-space: nowrap;
    border: 1px solid #d8d8d8;
    overflow: hidden; }
    #genericTableTemplate .grid-container .tables .header-table .header {
      display: inline-block;
      padding: 4px 8px 4px 8px;
      height: 58px;
      font-size: 0.875rem;
      font-weight: bold;
      background: #eee;
      color: #404040;
      border: 1px solid #d8d8d8;
      border-left: 0;
      border-top: 0; }
      #genericTableTemplate .grid-container .tables .header-table .header:hover.has-menu .header-contents {
        width: calc(100% - 20px); }
      #genericTableTemplate .grid-container .tables .header-table .header:hover.has-menu .grouped-column-header {
        width: calc(100% - 39px); }
      #genericTableTemplate .grid-container .tables .header-table .header:hover.has-menu .dropdown {
        display: inline-block; }
      #genericTableTemplate .grid-container .tables .header-table .header.alternate {
        background: #d4d4d4; }
      #genericTableTemplate .grid-container .tables .header-table .header.table-header-1 {
        background-color: #76C2FE !important; }
      #genericTableTemplate .grid-container .tables .header-table .header.table-header-2 {
        background-color: #BAE0FE !important; }
      #genericTableTemplate .grid-container .tables .header-table .header .header-contents {
        width: 100%; }
      #genericTableTemplate .grid-container .tables .header-table .header.sortable {
        cursor: pointer; }
      #genericTableTemplate .grid-container .tables .header-table .header .header-contents {
        display: inline-block;
        height: 100%;
        overflow: hidden;
        text-overflow: clip;
        line-height: 16px !important;
        white-space: normal; }
        #genericTableTemplate .grid-container .tables .header-table .header .header-contents .pegged-icon {
          vertical-align: middle; }
      #genericTableTemplate .grid-container .tables .header-table .header .dropdown {
        display: none;
        float: right;
        font-size: 16px;
        height: 100%;
        width: 20px;
        cursor: pointer;
        text-align: center; }
        #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-toggle {
          width: 100%;
          height: 100%; }
          #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-toggle i {
            position: relative;
            top: -3px; }
        #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-menu {
          top: 14px; }
          #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-menu li {
            font-size: 13px !important;
            padding: 4px;
            height: 31px;
            font-weight: normal; }
            #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-menu li i {
              width: 15px;
              padding: 4px;
              padding-left: 8px;
              text-align: center; }
            #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-menu li span {
              padding: 8px; }
            #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-menu li:hover {
              background: #eee; }
          #genericTableTemplate .grid-container .tables .header-table .header .dropdown .dropdown-menu.open-left {
            left: -140px; }
    #genericTableTemplate .grid-container .tables .content-table .table-row {
      display: flex; }
      #genericTableTemplate .grid-container .tables .content-table .table-row .cell-div {
        padding: 4px 8px;
        font-size: 13px;
        /* NOT rem values. Pretty much legacy fix, be careful when changing */
        line-height: 16px;
        height: 24px;
        /* 24px = 16px line height + 4px top padding + 4px bottom padding */
        border-right: 1px solid #d8d8d8;
        border-bottom: 1px solid #eee;
        overflow: hidden;
        text-overflow: ellipsis; }
        #genericTableTemplate .grid-container .tables .content-table .table-row .cell-div .hidden-text {
          display: none; }
        #genericTableTemplate .grid-container .tables .content-table .table-row .cell-div.custom-padding {
          padding: 2px 8px; }
        #genericTableTemplate .grid-container .tables .content-table .table-row .cell-div.flex-cell {
          display: flex;
          justify-content: flex-end; }
        #genericTableTemplate .grid-container .tables .content-table .table-row .cell-div .text-overflow-ellipsis {
          overflow: hidden;
          text-overflow: ellipsis; }
      #genericTableTemplate .grid-container .tables .content-table .table-row.selected .cell-div {
        background: #D1E3EF; }
      #genericTableTemplate .grid-container .tables .content-table .table-row.hovered .cell-div {
        background: #D1E3EF; }
      #genericTableTemplate .grid-container .tables .content-table .table-row:hover .cell-div {
        background: #D1E3EF; }
        #genericTableTemplate .grid-container .tables .content-table .table-row:hover .cell-div .hidden-text {
          display: block; }
    #genericTableTemplate .grid-container .tables .group-header {
      padding: 2px;
      border: 1px solid #eee;
      font-weight: bold; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='OnHand'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='OnHandDelta'] {
      background-color: #ffb380; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='InventoryForwardValue'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='InventoryForwardValueDelta'] {
      background-color: #ffd1a0; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='InventoryBackwardValue'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='InventoryBackwardValueDelta'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='InventoryBackwardTrendDelta'] {
      background-color: #ff9b30; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='Shortages'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='ShortagesDelta'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='ShortageTrendDelta'] {
      background-color: #ffd3d3; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='BuyersValue'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='BuyersValueDelta'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='uniqueBuyersTrendDelta'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='buyerMappingQualityScore'] {
      background-color: #d4fae5; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='LeanProjects'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='LeanProjectsDelta'] {
      background-color: #82c2f1; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='Users'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='UsersDelta'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='uniqueUsersTrendDelta'] {
      background-color: #9be0ba; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='EngagedUsersValue'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='EngagedUsersValueDelta'], #genericTableTemplate .grid-container .tables.customer-success-table .header-table *[id$='engagedUsersTrendDelta'] {
      background-color: #37c074; }
    #genericTableTemplate .grid-container .tables.customer-success-table .header-table .bad, #genericTableTemplate .grid-container .tables.customer-success-table .header-table .good {
      font-size: 13px; }
  #genericTableTemplate .grid-container .pinned-table-container {
    border-right: 2px solid black;
    display: table-cell; }
    #genericTableTemplate .grid-container .pinned-table-container #pinnedTable {
      overflow: hidden; }
  #genericTableTemplate .grid-container .main-table {
    display: inline-block;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%; }
    #genericTableTemplate .grid-container .main-table .main-table-container {
      overflow: hidden; }
    #genericTableTemplate .grid-container .main-table #mainTableHeaders {
      display: table-cell; }
  #genericTableTemplate .grid-container .group-table {
    overflow-x: auto; }
    #genericTableTemplate .grid-container .group-table .group-table-container {
      overflow: hidden; }
  #genericTableTemplate .grid-container .hide-scroll {
    overflow: hidden; }
  #genericTableTemplate .grid-container .table-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0px;
    /* Actually hides scrollbar except in firefox and IE */ }
    #genericTableTemplate .grid-container .table-scroll::-webkit-scrollbar {
      width: 0px;
      background: transparent; }

.myTooltip.assessment-questions ol {
  display: list-item;
  padding-left: 0px !important;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-left: 6px;
  margin-right: 2px; }

.cell-div .deltaValue {
  display: inline-block;
  width: 80px;
  width: calc(100% - 16px);
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle; }
  .cell-div .deltaValue.lessWidth {
    width: 56px; }

.cell-div.with-trendline {
  position: relative;
  padding-left: 80px;
  text-align: right; }
  .cell-div.with-trendline .deltaValue {
    width: 4em;
    width: calc(100% - 90px); }
  .cell-div.with-trendline lean-spark {
    width: 80px;
    position: absolute;
    left: -2px;
    top: -2px;
    bottom: -2px;
    right: auto; }
  .cell-div.with-trendline .stacked-bar-chart {
    width: 85px;
    position: absolute;
    top: 6px;
    right: auto;
    height: 10px;
    text-align: left; }
    .cell-div.with-trendline .stacked-bar-chart .individual-bar {
      height: 100%;
      display: inline-block; }
    .cell-div.with-trendline .stacked-bar-chart .rank-1 {
      background-color: #c30015; }
    .cell-div.with-trendline .stacked-bar-chart .rank-2 {
      background-color: #f42f2f; }
    .cell-div.with-trendline .stacked-bar-chart .rank-3 {
      background-color: #ff9b30; }
    .cell-div.with-trendline .stacked-bar-chart .rank-4 {
      background-color: #f4ce00; }
    .cell-div.with-trendline .stacked-bar-chart .rank-5 {
      background-color: #7cc4fa; }
    .cell-div.with-trendline .stacked-bar-chart .rank-9999 {
      background-color: #b6e4ff; }
    .cell-div.with-trendline .stacked-bar-chart .rank-inactive {
      background-color: #8F8F92; }

.forecast-body {
  padding-top: 16px;
  max-height: 210px;
  overflow-y: auto; }
  .forecast-body .row {
    padding-bottom: 8px; }
  .forecast-body .forecast-column-label {
    color: #757575; }

.forecast-add-line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #aaa;
  height: 14px;
  margin-bottom: 40px; }
  .forecast-add-line span {
    background: #f8f8f8;
    color: #757575;
    font-size: 20px; }

.row-4-padding [class*="col-"] {
  padding-left: 4px !important;
  padding-right: 4px !important; }

.tooltip {
  pointer-events: none; }

.upload-action-button {
  text-align: center; }

.customer-success-inline-edit .bottom-spacing {
  padding-bottom: 10px; }

#mainView.main-view.banner #genericTableTemplate .grid-container {
  height: calc(100% - 155px); }

.good-text {
  color: #37c074; }

.bad-text {
  color: #f42f2f; }

.warn-text {
  color: #ffe349; }

#leanSyncConfigTableMappingsForm .fields {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #dedede; }
  #leanSyncConfigTableMappingsForm .fields .firstCol {
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 33px; }
    #leanSyncConfigTableMappingsForm .fields .firstCol p {
      margin: 0; }

#loading-bar .bar {
  height: 2px;
  background: white; }

#loading-bar-spinner {
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 46%;
  left: 50%;
  width: 50px;
  height: 50px; }
  #loading-bar-spinner .spinner-icon {
    width: 40px;
    height: 40px;
    border-width: 4px;
    border-radius: 24px; }

.loading-spinner-react {
  height: 4em;
  width: 4em;
  border: solid 6px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  position: absolute;
  top: calc(50% - 2em);
  left: calc(50% - 2em);
  border-radius: 4em;
  animation: individual-spinner 400ms linear infinite; }

.metric-charts .overview {
  text-align: center;
  height: 50px; }
  .metric-charts .overview .current-value {
    font-size: 20px;
    font-weight: bold; }
  .metric-charts .overview .delta-value {
    font-size: 16px; }
  .metric-charts .overview.slideshowView .current-value, .metric-charts .overview.printView .current-value {
    font-size: 42px; }
  .metric-charts .overview.slideshowView .delta-value, .metric-charts .overview.printView .delta-value {
    font-size: 30px; }

@media print {
  .metric-charts .current-value {
    font-size: 36px !important; }
  .metric-charts .delta-value {
    font-size: 24px !important; } }

.metric-comment-slide-in .smartTable .fixed-width {
  width: 80px; }

.metric-comment-slide-in .smartTable .auto-width {
  width: auto; }

.metric-comment-slide-in .smartTable .value-cell {
  text-overflow: unset; }
  .metric-comment-slide-in .smartTable .value-cell .cell-div {
    text-overflow: unset; }

.printable-widget .metric-charts .overview {
  height: 80px; }

#cloneMetricsPage .metrics, #cloneMetricsPage .sites {
  padding: 10px 0; }
  #cloneMetricsPage .metrics .ui-select-container, #cloneMetricsPage .sites .ui-select-container {
    width: 70%; }

#cloneMetricsPage .users {
  padding: 10px 0; }
  #cloneMetricsPage .users .user {
    padding: 10px 0; }

.metricsGeneral .metric-date-range {
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .metricsGeneral .metric-date-range input[type='radio'] {
    margin-right: 5px; }

.supplyChainGeneral .section-block {
  margin-bottom: 16px; }

.supplyChainGeneral .trim-leading-zeroes {
  margin-bottom: 8px; }
  .supplyChainGeneral .trim-leading-zeroes .trim-zeroes-input-container {
    width: 250px; }

.supplyChainGeneral .purchase-requisition-settings {
  min-height: 80px; }
  .supplyChainGeneral .purchase-requisition-settings input:not([type="checkbox"]) {
    width: 250px; }
  .supplyChainGeneral .purchase-requisition-settings .checkbox-container {
    padding-top: 10px; }
    .supplyChainGeneral .purchase-requisition-settings .checkbox-container .checkbox-label {
      margin-right: 10px; }

#myAssignments .assignments-tabs-section {
  margin-left: 8px; }
  #myAssignments .assignments-tabs-section .nav.nav-tabs {
    border-bottom: 1px solid #d8d8d8; }
    #myAssignments .assignments-tabs-section .nav.nav-tabs li {
      text-align: center; }
      #myAssignments .assignments-tabs-section .nav.nav-tabs li a {
        color: rgba(0, 0, 0, 0.76);
        text-transform: uppercase;
        border: 0; }
        #myAssignments .assignments-tabs-section .nav.nav-tabs li a:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 2px;
          background-color: #0584E2;
          -webkit-transform: scaleX(0);
          transform: scaleX(0);
          -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out; }
        #myAssignments .assignments-tabs-section .nav.nav-tabs li a:hover {
          cursor: pointer;
          background-color: inherit; }
          #myAssignments .assignments-tabs-section .nav.nav-tabs li a:hover:after {
            transform: scaleX(1); }
      #myAssignments .assignments-tabs-section .nav.nav-tabs li.active a {
        color: #000;
        font-weight: bold;
        border: 0;
        background-color: inherit; }
        #myAssignments .assignments-tabs-section .nav.nav-tabs li.active a:after {
          -webkit-transform: scaleX(1);
          transform: scaleX(1); }

#myAssignments .list-container.inventory-actions-view {
  width: calc(100% - 830px); }
  @media screen and (max-width: 1400px) {
    #myAssignments .list-container.inventory-actions-view {
      width: calc(100% - 780px); } }
  #myAssignments .list-container.inventory-actions-view.inventory-actions-view-extended {
    width: calc(100% - 1074px); }

#myAssignments .list-container.project-details-view {
  width: calc(40% - 15px); }
  #myAssignments .list-container.project-details-view .item-secondary {
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between; }

#myAssignments .list-container {
  display: inline-block;
  margin: 8px 8px 0 8px;
  height: calc(100% - 122px);
  overflow-y: auto;
  width: calc(100% - 460px);
  vertical-align: top;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  box-shadow: 0px 0px 1px #d1d1d1;
  overflow-y: auto; }
  #myAssignments .list-container .list-ul {
    list-style: none;
    padding: 0 0 10px 0; }
    #myAssignments .list-container .list-ul .list-item {
      padding: 0px 16px;
      border-bottom: 1px solid #ddd;
      cursor: pointer;
      height: 64px; }
      #myAssignments .list-container .list-ul .list-item .item-primary {
        font-size: 16px;
        padding-top: 14px;
        padding-bottom: 2px;
        line-height: 16px; }
        #myAssignments .list-container .list-ul .list-item .item-primary .item-recommendation {
          display: inline-block;
          max-width: calc(100% - 120px);
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        #myAssignments .list-container .list-ul .list-item .item-primary .project-name {
          display: inline-block;
          max-width: 80%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        #myAssignments .list-container .list-ul .list-item .item-primary .unable-to-fix-value {
          text-decoration: line-through; }
        #myAssignments .list-container .list-ul .list-item .item-primary .fixed {
          color: #0c9d4d; }
        #myAssignments .list-container .list-ul .list-item .item-primary .status-icon {
          display: inline-block;
          font-size: 16px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 0px;
          color: #d30a0a; }
      #myAssignments .list-container .list-ul .list-item .item-secondary {
        font-size: 12px;
        font-weight: normal;
        color: #888;
        padding-top: 2px;
        line-height: 16px;
        white-space: nowrap; }
        #myAssignments .list-container .list-ul .list-item .item-secondary .dmaic {
          float: right; }
        #myAssignments .list-container .list-ul .list-item .item-secondary .item-details {
          display: inline-block;
          max-width: calc(100% - 120px);
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
          #myAssignments .list-container .list-ul .list-item .item-secondary .item-details.task-issue {
            max-width: 100%; }
    #myAssignments .list-container .list-ul .list-item:hover .item-primary .unable-to-fix-icon i {
      display: block; }
    #myAssignments .list-container .list-ul .list-item.selected {
      border: 1px solid #0584e2;
      background: rgba(124, 196, 250, 0.1); }
    #myAssignments .list-container .list-ul .list-item.unread {
      font-weight: bold; }

#myAssignments .details-container.inventory-actions-view {
  width: 800px; }
  @media screen and (max-width: 1400px) {
    #myAssignments .details-container.inventory-actions-view {
      width: 740px; } }
  #myAssignments .details-container.inventory-actions-view.inventory-actions-view-extended {
    width: 1046px;
    overflow: hidden; }

#myAssignments .details-container.project-details-view {
  width: calc(60% - 15px); }

#myAssignments .details-container {
  display: inline-block;
  margin: 8px 8px 0 0;
  height: calc(100% - 122px);
  overflow-y: auto;
  width: 432px;
  vertical-align: top;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  box-shadow: 0px 0px 1px #d1d1d1;
  /* IE 10 + IE 11 */
  /* Edge */ }
  #myAssignments .details-container .card-a3-icon {
    float: left;
    display: block;
    margin: 8px 5px 0 0; }
  #myAssignments .details-container #name {
    float: left;
    width: 92%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  #myAssignments .details-container .button {
    margin-bottom: 10px; }
  #myAssignments .details-container #categories {
    line-height: 1.2;
    max-height: 2.4em;
    overflow: hidden; }
  #myAssignments .details-container .category-text {
    display: inline-block;
    max-height: 3.6em;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
    #myAssignments .details-container .category-text:before {
      background: #fff;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
      bottom: 1.2em;
      content: '\02026';
      height: 1.2em;
      position: absolute;
      right: 0;
      text-align: right;
      width: 4em; }
    #myAssignments .details-container .category-text:after {
      background: #fff;
      content: attr(data-text);
      left: 0;
      height: 1.2em;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%; }
    @supports (-webkit-line-clamp: 2) {
      #myAssignments .details-container .category-text:before, #myAssignments .details-container .category-text:after {
        content: none; } }
  #myAssignments .details-container #description {
    line-height: 1.2;
    max-height: 3.6em;
    overflow: hidden; }
    #myAssignments .details-container #description.text-area {
      max-height: none; }
  #myAssignments .details-container .description-text {
    display: inline-block;
    max-height: 4.8em;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
    #myAssignments .details-container .description-text:before {
      background: #fff;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
      bottom: 1.2em;
      content: '\02026';
      height: 1.2em;
      position: absolute;
      right: 0;
      text-align: right;
      width: 4em; }
    #myAssignments .details-container .description-text:after {
      background: #fff;
      content: attr(data-text);
      left: 0;
      height: 2.4em;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%; }
    @supports (-webkit-line-clamp: 2) {
      #myAssignments .details-container .description-text:before, #myAssignments .details-container .description-text:after {
        content: none; } }
  #myAssignments .details-container .ellipsis-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #myAssignments .details-container .activity.row #activityFeed .section-header {
    display: none; }
  #myAssignments .details-container .activity.row #activityFeed .section-content .activity-row .activity-details {
    max-width: 95%; }
  #myAssignments .details-container .nothing-selected {
    width: 80%;
    margin: auto;
    font-style: italic;
    font-size: 18px;
    padding-top: 40px;
    text-align: center; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #myAssignments .details-container .category-text::after,
    #myAssignments .details-container .description-text::after {
      width: auto; } }
  @supports (-ms-ime-align: auto) {
    #myAssignments .details-container p.category-text::after,
    #myAssignments .details-container p.description-text::after {
      width: auto; } }
  #myAssignments .details-container .inside-panel .modal-body {
    padding-top: 0px; }
  #myAssignments .details-container .inside-panel .general-tabs-section ul.nav.nav-tabs li a {
    padding-left: 6px;
    padding-right: 6px; }
    @media screen and (max-width: 1400px) {
      #myAssignments .details-container .inside-panel .general-tabs-section ul.nav.nav-tabs li a {
        padding-left: 3px;
        padding-right: 3px; } }
  #myAssignments .details-container .inside-panel .show-inside-panel {
    display: block;
    padding-top: 4px; }
    #myAssignments .details-container .inside-panel .show-inside-panel .taskCategory {
      padding: 0; }
  #myAssignments .details-container .inside-panel .row.innerRow {
    padding-bottom: 4px; }
  #myAssignments .details-container .inside-panel .inlineEditDiv.textAreaEdit {
    width: 605px; }
  #myAssignments .details-container .inside-panel .hide-inside-panel {
    display: none; }

.pendo-resource-center-badge-notification-bubble {
  top: 6px !important;
  padding: 0px 7px !important;
  left: 36px !important;
  margin-left: 0px !important;
  margin-top: 0px !important;
  width: 14px !important; }

navigation .pendo-resource-center-badge-notification-bubble {
  left: 50px !important; }

.pendo-notification-bubble-unread-count {
  font-size: 14px !important; }

._pendo-resource-center-badge-container {
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px !important; }

#supplyChainProcurementPage input[type="checkbox"] {
  margin-bottom: 9px;
  margin-left: 15px; }

#supplyChainProcurementPage .row {
  margin-bottom: 8px; }

#supplyChainProcurementPage .save-btn {
  width: 60px; }

#supplyChainProcurementPage .run-btn {
  width: 132px; }

#supplyChainProcurementPage .checkbox-col {
  height: 57px;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center; }

#supplyChainProcurementPage .burnoff-container .checkbox-col {
  height: 20px; }

#supplyChainProcurementPage .space {
  margin-bottom: 5px; }

#supplyChainProcurementPage #requirementPeriod.open {
  margin-bottom: 33px; }

#supplyChainProcurementPage .abc-container .row.titles {
  margin-bottom: 3px; }
  #supplyChainProcurementPage .abc-container .row.titles.first {
    margin-bottom: 5px; }
  #supplyChainProcurementPage .abc-container .row.titles .col-md-2,
  #supplyChainProcurementPage .abc-container .row.titles .col-md-3,
  #supplyChainProcurementPage .abc-container .row.titles .col-md-4,
  #supplyChainProcurementPage .abc-container .row.titles .col-md-6 {
    text-align: center; }

#supplyChainProcurementPage .abc-container .row.items {
  margin-bottom: 8px; }
  #supplyChainProcurementPage .abc-container .row.items input {
    display: inline; }
  #supplyChainProcurementPage .abc-container .row.items .side-label {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    height: 34px; }
    #supplyChainProcurementPage .abc-container .row.items .side-label p {
      font-weight: bold;
      margin: 0; }

#showHideColumns {
  margin-top: 0; }

.react-button-tooltip {
  opacity: 0.9; }
  .react-button-tooltip .tooltip-inner {
    border-radius: 1px;
    border: none;
    background-color: #373737;
    padding: 1em; }
  .react-button-tooltip .tooltip-arrow {
    border-bottom: 5px solid #373737 !important; }
  .react-button-tooltip.hidden {
    display: none; }

#dashboardButtons .button, #reportButtons .button, .navOptionsDropdownContainer .button {
  vertical-align: middle;
  overflow: visible;
  margin-right: 0.25em;
  margin-left: 0.25em;
  box-shadow: none;
  padding-bottom: 8px;
  padding-top: 7px; }
  #dashboardButtons .button.gray:first-child, #reportButtons .button.gray:first-child, .navOptionsDropdownContainer .button.gray:first-child {
    margin-right: 17px; }
  #dashboardButtons .button.circle, #reportButtons .button.circle, .navOptionsDropdownContainer .button.circle {
    border-radius: 20px;
    height: 40px;
    width: 40px;
    padding: 0.75em; }
    #dashboardButtons .button.circle:focus, #reportButtons .button.circle:focus, .navOptionsDropdownContainer .button.circle:focus {
      color: #0584E2;
      background: rgba(6, 132, 226, 0.1); }
  #dashboardButtons .button .svg-icon, #reportButtons .button .svg-icon, .navOptionsDropdownContainer .button .svg-icon {
    margin-top: -2px;
    stroke-width: 0;
    color: #676767;
    stroke: #676767;
    fill: #676767; }
  #dashboardButtons .button:focus .svg-icon, #reportButtons .button:focus .svg-icon, .navOptionsDropdownContainer .button:focus .svg-icon {
    color: #0584E2;
    stroke: #0584E2;
    fill: #0584E2; }
  #dashboardButtons .button .hidden, #reportButtons .button .hidden, .navOptionsDropdownContainer .button .hidden {
    display: none; }

#dashboardButtons .dropdown .dropdown-menu, #reportButtons .dropdown .dropdown-menu, .navOptionsDropdownContainer .dropdown .dropdown-menu {
  box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.27);
  border-radius: 2px;
  border: none;
  margin-top: 0.25em;
  margin-left: 0.25em; }
  #dashboardButtons .dropdown .dropdown-menu.actions, #reportButtons .dropdown .dropdown-menu.actions, .navOptionsDropdownContainer .dropdown .dropdown-menu.actions {
    padding-top: .75em !important;
    padding-bottom: .75em !important;
    width: 17em; }
  #dashboardButtons .dropdown .dropdown-menu .layout, #reportButtons .dropdown .dropdown-menu .layout, .navOptionsDropdownContainer .dropdown .dropdown-menu .layout {
    padding: 0.75em !important;
    margin-left: 10px;
    margin-right: 10px;
    width: fit-content;
    display: flex;
    flex-direction: row; }
  #dashboardButtons .dropdown .dropdown-menu .dropdown-menu-header, #reportButtons .dropdown .dropdown-menu .dropdown-menu-header, .navOptionsDropdownContainer .dropdown .dropdown-menu .dropdown-menu-header {
    margin-left: 17px;
    padding-left: 0.75em;
    padding-top: 0.75em;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px; }
  #dashboardButtons .dropdown .dropdown-menu .dropdown-menu-content, #reportButtons .dropdown .dropdown-menu .dropdown-menu-content, .navOptionsDropdownContainer .dropdown .dropdown-menu .dropdown-menu-content {
    margin-left: .75em;
    font-family: Arial;
    font-weight: normal;
    font-size: 13px; }
  #dashboardButtons .dropdown .dropdown-menu .menu-button, #reportButtons .dropdown .dropdown-menu .menu-button, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button {
    border: none;
    text-align: left;
    background-color: #ffffff;
    margin-right: .5em;
    padding: 7px;
    width: 100%;
    box-sizing: border-box; }
    #dashboardButtons .dropdown .dropdown-menu .menu-button .svg-icon, #reportButtons .dropdown .dropdown-menu .menu-button .svg-icon, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button .svg-icon {
      color: #676767;
      fill: #676767;
      stroke: #676767;
      fill-rule: evenodd;
      stroke-width: 0; }
    #dashboardButtons .dropdown .dropdown-menu .menu-button .svg-menu-button, #reportButtons .dropdown .dropdown-menu .menu-button .svg-menu-button, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button .svg-menu-button {
      height: 34px;
      width: 40px; }
    #dashboardButtons .dropdown .dropdown-menu .menu-button .svg-menu-icon, #reportButtons .dropdown .dropdown-menu .menu-button .svg-menu-icon, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button .svg-menu-icon {
      height: 15px;
      width: 15px;
      margin-right: 1em;
      vertical-align: middle; }
    #dashboardButtons .dropdown .dropdown-menu .menu-button:focus .svg-icon, #dashboardButtons .dropdown .dropdown-menu .menu-button:active .svg-icon, #dashboardButtons .dropdown .dropdown-menu .menu-button.selected .svg-icon, #reportButtons .dropdown .dropdown-menu .menu-button:focus .svg-icon, #reportButtons .dropdown .dropdown-menu .menu-button:active .svg-icon, #reportButtons .dropdown .dropdown-menu .menu-button.selected .svg-icon, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button:focus .svg-icon, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button:active .svg-icon, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button.selected .svg-icon {
      color: #0584E2;
      fill: #0584E2;
      stroke: #0584E2; }
    #dashboardButtons .dropdown .dropdown-menu .menu-button:hover, #reportButtons .dropdown .dropdown-menu .menu-button:hover, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button:hover {
      background-color: #f3f3f3; }
    #dashboardButtons .dropdown .dropdown-menu .menu-button:focus, #dashboardButtons .dropdown .dropdown-menu .menu-button:active, #dashboardButtons .dropdown .dropdown-menu .menu-button.selected, #reportButtons .dropdown .dropdown-menu .menu-button:focus, #reportButtons .dropdown .dropdown-menu .menu-button:active, #reportButtons .dropdown .dropdown-menu .menu-button.selected, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button:focus, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button:active, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button.selected {
      background: rgba(6, 132, 226, 0.1); }
    #dashboardButtons .dropdown .dropdown-menu .menu-button .hidden, #reportButtons .dropdown .dropdown-menu .menu-button .hidden, .navOptionsDropdownContainer .dropdown .dropdown-menu .menu-button .hidden {
      display: none; }

.share-modal .share-modal-header {
  padding: 15px 36px 15px 36px; }

.share-modal .share-modal-body {
  padding: 10px 36px 36px 36px; }

.navOptionsDropdownContainer .navOptionsDropdown {
  display: none; }
  .navOptionsDropdownContainer .navOptionsDropdown.dontHide {
    display: block; }

.sortable-nav-item:hover .navOptionsDropdown {
  display: block; }

.page-title {
  padding-bottom: 13px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
  display: flex;
  align-items: center; }
  .page-title h1 {
    margin-bottom: 0; }

.section-title {
  border-bottom: 1px solid #dedede;
  margin: 10px 0;
  padding-bottom: 10px; }
  .section-title.newPageTitle {
    margin-top: 0; }

.sub-section-title {
  border-bottom: 1px solid #dedede;
  margin-top: 30px;
  margin-bottom: 12px; }
  .sub-section-title.newPageTitle {
    margin-top: 0; }
  .sub-section-title.with-tooltip {
    display: flex; }

.save {
  margin-bottom: 10px;
  float: right; }
  .save input {
    width: 60px; }

html,
body {
  color: #363638; }

/* START THROWAWAY STYLES FOR OLD NAV
 * WILL BECOME IRRELEVANT ONCE NEW NAV IS FULLY DEPLOYED (March 31, 2025)
 */
#sidebarCell {
  position: relative; }

#handlebarContainer {
  position: absolute;
  top: 0;
  left: var(--oldNavWidth); }
  #handlebarContainer .indicator {
    position: absolute;
    top: 0;
    z-index: 99;
    cursor: pointer; }

#pageView.new-nav-page-view .embeddedBody {
  margin: 0 !important;
  width: auto !important; }

.navbar {
  z-index: 100; }

/* END THROWAWAY STYLES FOR OLD NAV */
body {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

#pageView {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.banner-container {
  flex: 0 0 auto; }

.main-view-container {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex: 1 1 auto;
  position: relative; }

#mainView {
  flex: 1 1 auto;
  overflow: hidden;
  height: 100%; }

/*
 * NAVBAR
 */
.navbar-header {
  float: left;
  width: 200px; }

.navbar-default {
  background-color: #083D78;
  border: none;
  box-shadow: 0px 4px 4px 0px rgba(54, 54, 56, 0.4);
  margin-bottom: 0; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background-color: #083D78;
    border: none;
    box-shadow: 0px 4px 4px 0px rgba(54, 54, 56, 0.4); }
  .navbar-default .navbar-nav > li {
    padding-right: 32px; }
    .navbar-default .navbar-nav > li > a {
      text-decoration: none;
      font-weight: normal;
      font-size: 16px;
      color: #FFFFFF;
      padding-left: 0;
      padding-right: 0;
      cursor: pointer; }
    .navbar-default .navbar-nav > li.highlight > a::after {
      content: "";
      position: absolute;
      bottom: 2px;
      left: 0;
      width: 100%;
      height: 4px;
      background-color: #FFFFFF;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; }

/*
 * NAVBAR @media styles
 */
@media only screen and (max-width: 768px) {
  .navbar-header {
    float: none;
    width: 100%; } }

/*
 * SIDEBAR
 */
#sidebarDiv .panel.panel-default,
#sidebarDiv .panel.panel-reports {
  border-bottom: 1px solid #C8C8C8; }
  #sidebarDiv .panel.panel-default .panel-heading,
  #sidebarDiv .panel.panel-reports .panel-heading {
    background: #EDEDED; }
    #sidebarDiv .panel.panel-default .panel-heading .panel-title a,
    #sidebarDiv .panel.panel-reports .panel-heading .panel-title a {
      display: block;
      padding: 20px 16px;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.5;
      color: #4A4A4C;
      text-decoration: none;
      /* Small trick to make "Supplier Performance" into one line in Sidebar */
      letter-spacing: -0.15px; }
      #sidebarDiv .panel.panel-default .panel-heading .panel-title a:hover, #sidebarDiv .panel.panel-default .panel-heading .panel-title a:focus,
      #sidebarDiv .panel.panel-reports .panel-heading .panel-title a:hover,
      #sidebarDiv .panel.panel-reports .panel-heading .panel-title a:focus {
        color: #4A4A4C;
        text-decoration: none;
        outline: 0;
        cursor: pointer;
        outline: none; }
      #sidebarDiv .panel.panel-default .panel-heading .panel-title a.selected,
      #sidebarDiv .panel.panel-reports .panel-heading .panel-title a.selected {
        font-weight: 600; }
  #sidebarDiv .panel.panel-default.active .panel-heading .panel-title a,
  #sidebarDiv .panel.panel-reports.active .panel-heading .panel-title a {
    font-weight: 600; }

#sidebarDiv .list-group {
  padding: 8px 0;
  background-color: #F8F8F8;
  margin-bottom: 0;
  border-top: 1px solid #C8C8C8; }
  #sidebarDiv .list-group-item > a {
    display: block;
    padding: 12px 16px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #4A4A4C; }
    #sidebarDiv .list-group-item > a:hover, #sidebarDiv .list-group-item > a:focus {
      color: #4A4A4C;
      text-decoration: none;
      outline: 0;
      cursor: pointer;
      outline: none; }
  #sidebarDiv .list-group-item.selected > a {
    background: #EDEDED;
    font-weight: 600; }

/*
 * REPORTS
 */
#reports-home .block {
  margin-bottom: 24px; }

#reports-home p {
  margin-bottom: 4px; }

/*
 * EDIT PROJECTS
 */
#editProject {
  height: 100%; }
  #editProject .edit-project-wrapper {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden; }
    #editProject .edit-project-wrapper .title {
      flex: 0 0 auto; }
    #editProject .edit-project-wrapper .edit-project-container {
      flex: 1 1 auto;
      /* For children with overflow auto and height 100% */
      overflow: hidden; }

.project-id > h4 {
  line-height: 1;
  margin-bottom: 0; }

.formHeader h4 {
  font-size: 1.25rem;
  line-height: 1.5; }

.burnoff-config-holder {
  display: inline-block;
  position: relative;
  margin-left: 8px; }

.shared-with-me-lock-icon {
  width: 14px;
  height: 16px;
  margin-right: 8px;
  color: #727272; }

.warning-message {
  color: #F1AB23; }

.popover-with-calendar {
  max-width: 284px; }

.change-password-error-message {
  font-size: 12px;
  color: #a94442;
  margin-bottom: 15px; }

.change-password-show-icon {
  cursor: pointer; }

#changePasswordFormColumn input.form-control {
  background: transparent; }

/* Data pipeline chart page */
.data-pipeline-chartPage {
  height: 100%;
  display: flex;
  flex-flow: column;
  overflow: hidden; }

.data-pipeline-nav, .data-pipeline-header {
  flex: 0 0 auto; }

.data-pipeline-chart {
  flex: 1 1 auto;
  /* chart container to insert react, so it is id */ }
  .data-pipeline-chart #reactChart {
    height: 100%; }

/*
 * CHAT CELL
 */
.chatCellContainer {
  cursor: pointer; }

.chatCellContent {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }

.chatIconButton {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 66px;
  max-width: 100%;
  gap: 8px;
  background: transparent;
  padding: 0;
  margin: 0 4px 0 0;
  border: 0;
  outline: 0;
  /* ONLY TO ALIGN WITH CELL TEXT */
  float: left; }
  .chatIconButton .chatIconHolder {
    flex: 0 0 auto;
    color: #C8C8C8;
    line-height: 0;
    position: relative;
    margin-top: 2px; }
    .chatIconButton .chatIconHolder.unread {
      color: #727272; }
      .chatIconButton .chatIconHolder.unread:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        top: 0;
        right: 0;
        transform: translate(50%, -50%);
        border-width: 1px;
        border-style: solid;
        border-color: #FFFFFF;
        border-radius: 50%;
        background: #EB0537; }
    .chatIconButton .chatIconHolder.read {
      color: #727272; }
    .chatIconButton .chatIconHolder.nochat {
      color: #C8C8C8; }
    .chatIconButton .chatIconHolder.watched {
      color: #0584E2; }
    .chatIconButton .chatIconHolder svg {
      max-width: 14px;
      height: 14px; }
  .chatIconButton .chatIconText {
    flex: 1 1 auto;
    margin-left: auto;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.3;
    color: #727272;
    overflow: hidden;
    text-overflow: ellipsis; }
    .chatIconButton .chatIconText.read {
      color: #4A4A4C; }

.reactBody.noLeftPadding {
  padding-left: 0; }

.reactBody .report-container,
#genericTableTemplate .report-container {
  height: 100%;
  flex: 1 1 auto;
  overflow: hidden;
  margin: 0 calc(var(--embeddedBodyPadding) * -1);
  padding: 0 var(--embeddedBodyPadding); }
  .reactBody .report-container.scrollable,
  #genericTableTemplate .report-container.scrollable {
    height: auto;
    flex-shrink: 0;
    overflow: auto; }
  .reactBody .report-container.overflow-visible,
  #genericTableTemplate .report-container.overflow-visible {
    overflow: visible; }

.header-wrap {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: hidden;
  flex: 0 0 auto; }
  .header-wrap .title-container {
    flex: 1 1 auto;
    overflow: hidden; }
  .header-wrap .dashboard-buttons {
    flex: 0 0 auto; }

#genericTableTemplate.fullPageChart .FDNABody {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden; }
  #genericTableTemplate.fullPageChart .FDNABody #burnoffChartCont {
    flex: 1 1 auto; }

.setup-page-header,
.newPageTitle.setup-page-header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #363638;
  margin-left: -10px;
  padding-left: 10px; }
  .setup-page-header.sticky,
  .newPageTitle.setup-page-header.sticky {
    z-index: 20;
    position: sticky;
    top: calc(var(--embeddedBodyPaddingTop) * -1); }

.full-page-chart-widget {
  max-width: 100%; }

#addTaskDatesForm[name="addTaskDatesConfirmForm"] {
  max-height: calc(100vh - 60px);
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  #addTaskDatesForm[name="addTaskDatesConfirmForm"] .modal-body {
    overflow: auto; }

.supplier-scorecard-drilldown-report .item-info .newHeaderFirst h3 {
  font-size: 18px;
  font-weight: bold; }

.supplier-scorecard-drilldown-report .sub-heading {
  padding-top: 10px; }

.supplier-scorecard-drilldown-report .supplier-score-card-body {
  padding: 0px 8px; }
  .supplier-scorecard-drilldown-report .supplier-score-card-body .row .scorecard-section-heading h3 {
    font-size: 18px; }
  .supplier-scorecard-drilldown-report .supplier-score-card-body .row.itemDetailBodyPadding {
    padding-top: 0px; }
    .supplier-scorecard-drilldown-report .supplier-score-card-body .row.itemDetailBodyPadding .row.itemMaster .heaer {
      width: auto; }
  .supplier-scorecard-drilldown-report .supplier-score-card-body .row .table-responsive {
    margin-bottom: 5px; }
    .supplier-scorecard-drilldown-report .supplier-score-card-body .row .table-responsive .ng-table-pager {
      display: none; }
  .supplier-scorecard-drilldown-report .supplier-score-card-body .row .scorecard-section-heading {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 0; }
    .supplier-scorecard-drilldown-report .supplier-score-card-body .row .scorecard-section-heading #reportButtons {
      position: absolute;
      right: 10px;
      top: -15px; }

#tasksView {
  padding: 15px 25px;
  background-color: #eee; }
  #tasksView h2.task-date-modified {
    font-size: 12px;
    color: #757575;
    margin: 12px 0 8px;
    text-transform: uppercase;
    display: block; }

.task-list,
.specific-task {
  max-width: 700px; }

.task {
  font-size: 13px;
  color: black;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
  margin: 5px -8px;
  padding: 15px 24px; }
  .task.task-view-mini {
    padding: 4.5px 8px; }

.task-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  line-height: 14px;
  font-size: 14px;
  margin-left: -10px;
  margin-right: -10px; }
  .task-header > * {
    margin-left: 10px;
    margin-right: 10px; }
  .task-view-mini .task-header {
    height: 21px; }
  .task-view-mini .task-header {
    cursor: pointer; }
  .task-header .task-subject {
    flex: 1 1 auto;
    font-size: inherit;
    line-height: inherit;
    position: relative;
    overflow: hidden;
    color: black;
    font-weight: bold;
    text-overflow: ellipsis;
    line-height: 1; }
    .task-header .task-subject input[type=text] {
      margin-left: -10px;
      margin-right: -10px;
      padding-left: 10px;
      padding-right: 10px; }
    .task-header .task-subject.editing {
      overflow: visible; }
    .task-view-mini .task-header .task-subject {
      color: #0584E2;
      font-weight: normal; }
    .task-view-mini:hover .task-header .task-subject {
      text-decoration: underline; }
  .task-header .task-savings {
    margin: 0 10px;
    text-align: right; }
    .task-header .task-savings.task-status-expired, .task-header .task-savings.task-status-unable-to-fix {
      text-decoration: line-through; }
  .task-header .task-subject-extra {
    font-size: 13px;
    font-weight: normal;
    margin-top: 6px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap; }
    .task-header .task-subject-extra > * {
      flex: 0 0 auto; }
    .task-header .task-subject-extra label {
      font-weight: normal;
      color: #757575;
      margin-bottom: 0;
      margin-right: 5px; }
    .task-header .task-subject-extra .task-subject-field {
      margin-right: 10px; }
      .task-header .task-subject-extra .task-subject-field:last-child {
        margin-right: 0; }
    .task-header .task-subject-extra .task-subject-field.past-due {
      color: #d30a0a; }
    .task-header .task-subject-extra .task-subject-responsible {
      flex: 0 1 auto;
      overflow: hidden;
      text-overflow: ellipsis; }
  .task-header .task-subject-buttons {
    position: absolute;
    z-index: 9999;
    right: 10px;
    top: 100%;
    padding: 15px;
    border-radius: 0 0 5px 5px;
    background: white;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); }
  .task-header .task-status-edit a.task-status-dropdown {
    display: block;
    width: auto;
    text-transform: none;
    position: relative;
    padding-right: 24px;
    margin-right: -10px;
    margin-bottom: 0 !important;
    /* override for my assignments */ }
    .task-header .task-status-edit a.task-status-dropdown .caret {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%); }
  .task-header .unable-to-fix-container {
    min-width: 228px; }
  .task-header .task-label, .task-header .assign-to-planner-message {
    font-size: 13px;
    color: #757575;
    padding: 4px; }
  .task-header .task-label.bold {
    font-weight: bold;
    color: #000; }
  .task-header .task-status-unable-to-fix-comment {
    margin-top: 8px; }
    .task-header .task-status-unable-to-fix-comment textarea {
      resize: vertical;
      width: 200px; }
  .task-header .task-status {
    flex: 0 0 16%;
    padding-left: 20px;
    position: relative;
    min-width: 150px; }
    .task-view-mini .task-header .task-status {
      min-width: 120px; }
    .task-header .task-status:before {
      content: '\f111';
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      line-height: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 100%;
      color: #444; }
    .task-header .task-status .task-status-review-later:before {
      content: '\f10c'; }
    .task-status-open .task-header .task-status:before {
      color: #005fa5; }
    .task-status-review-later .task-header .task-status:before {
      color: #005fa5; }
    .task-status-expired .task-header .task-status:before {
      color: #f4ce00; }
    .task-status-unable-to-fix .task-header .task-status:before {
      color: #d30a0a; }
    .task-status-fixed .task-header .task-status:before {
      color: #0c9d4d; }
    .task-status-archived .task-header .task-status:before {
      color: #757575; }
    .task-status-none .task-header .task-status:before {
      color: #0584e2; }
    .task-status-review-later .task-header .task-status:before {
      content: '\f10c'; }

#procTaskPanel .task-status:before {
  content: '\f111\00a0';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  white-space: pre; }

#procTaskPanel .task-status .task-status-review-later:before {
  content: '\f10c\00a0'; }

#procTaskPanel .task-status.task-status-open:before {
  color: #005fa5; }

#procTaskPanel .task-status.task-status-review-later:before {
  color: #005fa5; }

#procTaskPanel .task-status.task-status-expired:before {
  color: #f4ce00; }

#procTaskPanel .task-status.task-status-unable-to-fix:before {
  color: #d30a0a; }

#procTaskPanel .task-status.task-status-fixed:before {
  color: #0c9d4d; }

#procTaskPanel .task-status.task-status-archived:before {
  color: #757575; }

#procTaskPanel .task-status.task-status-none:before {
  color: #0584e2; }

.fa.task-status-open {
  color: #005fa5; }

.cell-div.task-status-open {
  cursor: pointer; }
  .cell-div.task-status-open:before {
    content: '\f111';
    margin-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: pre;
    color: #005fa5; }

.cell-div.inline-edit-cell.task-status-open:before {
  float: left;
  margin-right: 0;
  padding-left: 6px;
  padding-top: 4px; }

.fa.task-status-review-later {
  color: #005fa5; }

.cell-div.task-status-review-later {
  cursor: pointer; }
  .cell-div.task-status-review-later:before {
    content: '\f111';
    margin-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: pre;
    color: #005fa5; }

.cell-div.inline-edit-cell.task-status-review-later:before {
  float: left;
  margin-right: 0;
  padding-left: 6px;
  padding-top: 4px; }

.fa.task-status-expired {
  color: #f4ce00; }

.cell-div.task-status-expired {
  cursor: pointer; }
  .cell-div.task-status-expired:before {
    content: '\f111';
    margin-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: pre;
    color: #f4ce00; }

.cell-div.inline-edit-cell.task-status-expired:before {
  float: left;
  margin-right: 0;
  padding-left: 6px;
  padding-top: 4px; }

.fa.task-status-unable-to-fix {
  color: #d30a0a; }

.cell-div.task-status-unable-to-fix {
  cursor: pointer; }
  .cell-div.task-status-unable-to-fix:before {
    content: '\f111';
    margin-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: pre;
    color: #d30a0a; }

.cell-div.inline-edit-cell.task-status-unable-to-fix:before {
  float: left;
  margin-right: 0;
  padding-left: 6px;
  padding-top: 4px; }

.fa.task-status-fixed {
  color: #0c9d4d; }

.cell-div.task-status-fixed {
  cursor: pointer; }
  .cell-div.task-status-fixed:before {
    content: '\f111';
    margin-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: pre;
    color: #0c9d4d; }

.cell-div.inline-edit-cell.task-status-fixed:before {
  float: left;
  margin-right: 0;
  padding-left: 6px;
  padding-top: 4px; }

.fa.task-status-archived {
  color: #757575; }

.cell-div.task-status-archived {
  cursor: pointer; }
  .cell-div.task-status-archived:before {
    content: '\f111';
    margin-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: pre;
    color: #757575; }

.cell-div.inline-edit-cell.task-status-archived:before {
  float: left;
  margin-right: 0;
  padding-left: 6px;
  padding-top: 4px; }

.fa.task-status-none {
  color: #0584e2; }

.cell-div.task-status-none {
  cursor: pointer; }
  .cell-div.task-status-none:before {
    content: '\f111';
    margin-right: 8px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: pre;
    color: #0584e2; }

.cell-div.inline-edit-cell.task-status-none:before {
  float: left;
  margin-right: 0;
  padding-left: 6px;
  padding-top: 4px; }

.cell-div.task-status-none {
  color: #0584e2; }
  .cell-div.task-status-none:before {
    content: '\f067';
    color: #0584e2;
    display: none; }
  .cell-div.task-status-none span {
    display: none; }

.actionStatus:hover .cell-div.task-status-none:before, .taskStatus:hover .cell-div.task-status-none:before {
  display: inline-block;
  position: relative;
  top: 1px; }

.actionStatus:hover .cell-div.task-status-none span, .taskStatus:hover .cell-div.task-status-none span {
  display: inline-block; }

.cell-div.task-status-review-later:before {
  content: '\f10c'; }

.task-add-comment {
  margin: 10px 0; }
  .task-add-comment .task-add-comment-and-details {
    display: flex;
    margin: 0 -11px; }
  .task-add-comment textarea {
    height: 30px;
    padding: 6px 10px;
    overflow: hidden;
    resize: vertical;
    flex: 1 1 auto;
    width: auto;
    transition: none;
    max-height: 200px; }
    .task-add-comment textarea:focus {
      overflow: auto; }
  .task-add-comment .task-show-details {
    background: none;
    border: none;
    color: #0584e2;
    flex: 0 0 auto;
    text-align: right;
    padding: 6px 15px; }
  .task-add-comment .comment-buttons {
    margin: 10px 0; }

.task-comments {
  margin: 10px -10px;
  padding: 0 10px;
  position: relative; }
  .task-comments .task-comment {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    position: relative; }
  .task-comments .task-comment-time {
    flex: 0 0 120px;
    color: #757575; }
  .task-comments .task-comment-time.inside-tooltip {
    color: #fff;
    flex: 0 0 96px; }
  .task-comments .task-comment-body {
    flex: 1 1 auto; }
  .task-comments .task-comment-edit {
    flex: 1 1 auto; }
  .task-comments .task-comment-author {
    font-weight: bold; }

.task-comments.fixed-size {
  margin: 36px 0 0 0;
  padding: 0;
  max-height: 280px;
  width: 100%;
  overflow-y: auto; }

.task-description {
  line-height: 18px;
  flex: 1 0 100%;
  margin-bottom: 5px; }
  .task-description.has-comments:before {
    display: block;
    height: 1px;
    content: '';
    background: #e0e0e0;
    margin: 5px -10px; }
  .task-description h3 {
    display: block;
    color: #757575;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.5; }
  .task-description .task-description-updated {
    color: #757575; }
  .task-description .task-no-description {
    color: #9a9a9a; }

.task .inline-editable:hover {
  cursor: pointer;
  position: relative; }
  .task .inline-editable:hover:after {
    position: relative;
    content: "\f040";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.task .comment-edit-buttons,
.task .description-buttons {
  padding: 10px; }

.task-details {
  font-size: 12px;
  line-height: 21px;
  margin: 0 -15px;
  clear: both; }
  .task-details + .task-comments {
    border-top: 1px solid #e0e0e0; }
  .task-details:after {
    display: table;
    clear: both;
    content: ''; }
  .task-details .review-later-date-warning {
    text-align: center;
    margin-top: 8px; }

.task-detail {
  padding: 0 15px; }

.task-detail-label {
  color: #757575;
  margin: 5px 0;
  font-weight: normal;
  display: block; }

.task-detail-value {
  margin: 5px 0; }
  .task-detail-value input.form-control,
  .task-detail-value .input-group-btn .btn,
  .task-detail-value .ui-select-toggle {
    font-size: 12px;
    padding: 2px 9px;
    line-height: 21px;
    height: 25px; }
  .task-detail-value .task-due-date-edit,
  .task-detail-value .ui-select-container {
    margin: -3px -10px;
    width: auto; }
  .task-detail-value .input-group-btn {
    bottom: 0; }

.task-footer {
  margin-top: 5px;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap; }

.task-comments-show-more {
  display: inline-block;
  flex: 0 0 120px; }

.task-time-and-author {
  font-style: italic;
  font-size: 13px;
  color: #757575;
  flex: 1 1 auto; }

#toastMessage .toast-message {
  position: fixed;
  inset-inline: 0;
  margin-inline: auto;
  width: max-content;
  padding: 16px;
  color: #F8F8F8;
  line-height: 16px;
  border-radius: 2px;
  cursor: pointer;
  z-index: 1100;
  box-shadow: 2px 2px 10px 0px #AAA;
  -webkit-transition: background 0.5s, color 0.5s, top 0.5s ease-in-out;
  -moz-transition: background 0.5s, color 0.5s, top 0.5s ease-in-out;
  -ms-transition: background 0.5s, color 0.5s, top 0.5s ease-in-out;
  transition: background 0.5s, color 0.5s, top 0.5s ease-in-out; }
  #toastMessage .toast-message.fade-in {
    top: 54px;
    color: white;
    background: black; }
    #toastMessage .toast-message.fade-in.error-toast {
      background: #d3424f; }
  #toastMessage .toast-message.fade-out {
    top: -100%;
    color: rgba(255, 255, 255, 0);
    background: rgba(0, 0, 0, 0); }
    #toastMessage .toast-message.fade-out.error-toast {
      background: rgba(211, 66, 79, 0); }

:root {
  font-size: 16px; }

html,
body {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #363638;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 8px; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.125rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.875rem; }

h6 {
  font-size: 0.75rem; }

p {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.5rem; }
  p.large {
    font-size: 1rem; }
  p.small {
    font-size: 0.75rem; }

button {
  font-size: 0.875rem;
  font-weight: 400; }
  button.small {
    font-size: 0.75rem; }

.caption {
  font-size: 0.75rem; }

a {
  color: #0584E2;
  text-decoration: none; }
  a:hover {
    color: #046AB6;
    text-decoration: underline; }

input {
  font-size: 0.875rem; }

label {
  font-size: 0.875rem;
  font-weight: 600; }

.tooltip {
  font-size: 0.875rem; }

#slideshowTemplate .print-button,
#printTemplate .print-button {
  text-align: center; }
  #slideshowTemplate .print-button a,
  #printTemplate .print-button a {
    font-size: 20px; }

#slideshowTemplate .c3-axis-x .tick text tspan,
#slideshowTemplate .c3-axis-y .tick text tspan,
#printTemplate .c3-axis-x .tick text tspan,
#printTemplate .c3-axis-y .tick text tspan {
  font-size: 18px !important; }

#slideshowTemplate .c3-legend-item text,
#printTemplate .c3-legend-item text {
  font-size: 18px !important; }

@media print {
  #slideshowTemplate,
  #printTemplate {
    display: block;
    float: none !important;
    box-sizing: content-box !important;
    position: relative !important;
    overflow: visible !important; }
    #slideshowTemplate .no-print,
    #printTemplate .no-print {
      display: none !important; }
    #slideshowTemplate .metric-settings,
    #printTemplate .metric-settings {
      display: none !important; }
    #slideshowTemplate .modal-content,
    #printTemplate .modal-content {
      border: none !important; }
    #slideshowTemplate .modal,
    #slideshowTemplate .modal-dialog,
    #slideshowTemplate .modal-content,
    #slideshowTemplate .modal-body,
    #slideshowTemplate .widgets,
    #printTemplate .modal,
    #printTemplate .modal-dialog,
    #printTemplate .modal-content,
    #printTemplate .modal-body,
    #printTemplate .widgets {
      display: block;
      float: none !important;
      box-sizing: content-box !important;
      position: relative !important;
      overflow: visible !important; }
    #slideshowTemplate .printable-widget,
    #printTemplate .printable-widget {
      page-break-after: always; } }

@media print {
  body.modal-open {
    overflow: unset !important; } }

.actionsHeader:before {
  border-top: 1px solid #eee;
  content: "";
  top: 7px;
  z-index: -1;
  position: absolute;
  margin-left: 148px;
  width: 100px;
  /* Firefox */
  width: -moz-calc(100% - 148px);
  /* WebKit */
  width: -webkit-calc(100% - 148px);
  /* Opera */
  width: -o-calc(100% - 148px);
  /* Standard */
  width: calc(100% - 148px); }

.actionsHeader {
  position: relative;
  z-index: 1;
  margin-top: 2px; }

.actionsHeader h3 {
  background: rgba(0, 0, 0, 0);
  padding: 0px 10px;
  font-size: 14px;
  font-weight: 500; }

.tableContainer, .descriptionHolder {
  width: 100%;
  padding: 4px 20px; }

.headerTable {
  width: 100%; }

.headerTable th,
.headerTable td {
  padding-right: 10px; }

button.btn.btn-default.form-control.ui-select-toggle {
  margin: 0; }

div.ui-select-container.ui-select-bootstrap.dropdown.ng-invalid {
  border-radius: 4px; }

.ui-select-bootstrap .ui-select-toggle > i.caret {
  height: 10%; }

.tableContainer td,
.descriptionHolder td {
  color: #707070; }

.tableContainer th,
.descriptionHolder th {
  font-size: 14px;
  font-weight: 500; }

.activityHeader:before {
  border-top: 1px solid #eee;
  content: "";
  top: 9px;
  z-index: -1;
  position: absolute;
  margin-left: 70px;
  width: 100px;
  /* Firefox */
  width: -moz-calc(100% - 70px);
  /* WebKit */
  width: -webkit-calc(100% - 70px);
  /* Opera */
  width: -o-calc(100% - 70px);
  /* Standard */
  width: calc(100% - 70px); }

.activityHeader {
  position: relative;
  z-index: 1;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500; }

.activityHeader span {
  background: rgba(0, 0, 0, 0);
  padding: 0px 10px; }

.activityFeed {
  width: 100%;
  margin-top: 8px;
  border-bottom: 1px solid #d8d8d8; }

#activityFeed .section-header {
  margin-top: 8px; }

.activityFeed .expandCollapseHolder {
  display: inline-block;
  vertical-align: top; }

.activityFeed .messageHolder {
  display: inline-block;
  width: 90%;
  color: #707070;
  padding-bottom: 12px; }

.activityFeed span {
  font-size: 14px;
  line-height: 20px;
  color: black; }

.activityFeed span.date {
  color: rgba(0, 0, 0, 0.54); }

.activityFeed span.message {
  color: rgba(0, 0, 0, 0.76); }

.activityFeed .messageActions {
  float: right;
  vertical-align: top;
  font-size: 14px;
  color: #707070; }

.activityFeed .messageActions > a {
  text-decoration: none;
  padding: 2px; }

.activityFeed .messageActions > a:hover, .activityFeed .messageActions > a:focus {
  text-decoration: underline; }

.tableContainer {
  display: inline-block;
  width: 95%; }

.actionButtons {
  float: right;
  vertical-align: top;
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  color: #707070; }

.actionButtons > a {
  padding: 2px;
  color: #707070;
  text-decoration: none; }

.actionButtons > a:hover, .actionButtons > a:focus {
  color: #000;
  text-decoration: none; }

.messageHolder .commentTextArea {
  display: block;
  width: 100%;
  height: 100px; }

.messageHolder .collapsedComment {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%; }

.addCommentSection .commentTextArea {
  display: block;
  width: 85%;
  height: 120px;
  margin-top: 8px;
  margin-bottom: 16px; }

.addCommentSection span {
  font-weight: 500; }

.addCommentSection {
  margin-top: 18px; }

.addCommentSection span {
  font-size: 14px;
  line-height: 20px; }

.addTaskMessage {
  font-size: 16px;
  font-weight: normal;
  cursor: default; }

.addCancelList {
  list-style: none;
  margin: 0;
  padding: 0; }

.addActionLinkContainer, .addCommentLinkContainer, .addCancelList > li {
  background: #f2f2f2;
  background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
  border-color: #ccc;
  border-radius: 3.01px;
  border-style: solid;
  border-width: 1px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-family: inherit;
  font-variant: normal;
  text-decoration: none;
  vertical-align: baseline;
  line-height: 20px;
  background: transparent;
  color: #707070;
  padding: 0;
  position: relative;
  border: 0; }

.addCancelList > li {
  margin: 0; }

.addActionLinkContainer > a,
.addCommentLinkContainer > a,
.addCancelList > li > a {
  color: #428bca;
  display: block;
  margin: 0;
  text-decoration: none;
  background: #fff;
  border-right: 0;
  border-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
  font-weight: 500; }

.addActionLinkContainer > a:hover, .addActionLinkContainer > a:focus,
.addCommentLinkContainer > a:hover, .addCommentLinkContainer > a:focus,
.addCancelList > li > a:hover, .addCancelList > li > a:focus {
  text-decoration: none; }

.add-action-form .ng-invalid {
  border: 1px solid red !important; }

.blackFontSpan {
  color: #000; }

.expandCollapseHolder {
  color: #707070; }

#addCommentTextArea {
  padding-bottom: 8px; }

.commentBody {
  width: calc(100% - 164px);
  display: inline-block;
  padding-right: 8px; }

.commentDate {
  width: 164px;
  display: inline-block;
  float: right; }

.addCommentSection .fixedWidth60, .editingComment .fixedWidth60 {
  width: 60%; }

a.button.raised.primary span {
  color: inherit; }

a.button.raised.secondary span {
  color: inherit; }

.actionTextAreaMargin {
  margin-top: 8px;
  margin-bottom: 16px; }

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

.container-fluid .archiveActionDiv.row.innerRow {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 8px; }

.c3 svg {
  font-family: 'Arial', 'Helvetica', sans-serif !important; }

.c3-ygrid-lines .c3-ygrid-line line,
.c3-xgrid-lines .c3-xgrid-line line {
  stroke-width: 1px; }

line.c3-ygrid,
line.c3-xgrid {
  stroke-width: 1px;
  stroke-dasharray: 0; }

.c3-grid .static-target line {
  stroke: #1CAF5E !important;
  stroke-width: 1px;
  stroke-dasharray: 5, 5; }

.c3-grid .static-target text {
  fill: #1CAF5E;
  font-size: 12px; }

.full-screen-display .c3 .tick {
  font-size: 13px; }

.no-record {
  height: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 7; }

.c3-axis-y .tick:nth-child(2),
.c3-axis-y .tick:nth-last-child(2),
.c3-axis-y2 .tick:nth-child(2),
.c3-axis-y2 .tick:nth-last-child(2) {
  display: block; }

.c3-axis-y .tick,
.c3-axis-y2 .tick {
  display: none; }

.stock-requirement-chart .c3-axis-y .tick,
.history-chart .c3-axis-y .tick {
  display: block; }

.c3-axis-x .tick:nth-child(odd) {
  display: none; }

.metric-charts .c3-axis-x .tick:nth-child(odd),
#ppvWidgetChart .c3-axis-x .tick:nth-child(odd),
#lateDeliveryCausesChartCont .c3-axis-x .tick:nth-child(odd),
.show-all-x-axis-ticks .c3-axis-x .tick:nth-child(odd) {
  display: block; }

.customChart .c3-axis-y .tick,
.customChart .c3-axis-y2 .tick {
  display: block; }

.slideshowView .c3-axis-y .tick,
.slideshowView .c3-axis-y2 .tick {
  display: block; }

.c3-axis-y .tick line,
.c3-axis-y2 .tick line {
  stroke: transparent; }

.c3-axis-x .tick line {
  stroke: transparent; }

[chart-id=prOnTimeFirmDate] .c3-axis-x .tick line {
  stroke: black; }

.c3-line {
  stroke-width: 1px; }

.customChart .c3-line,
.customBarChart .c3-line {
  stroke-width: 2px; }

.c3-axis-y path.domain,
.c3-axis-y2 path.domain {
  display: none; }

.blueColor {
  color: #2695cd;
  font-weight: bold;
  font-size: 20px; }

.calc.c3 tspan {
  font-family: 'Arial', 'Helvetica', sans-serif; }

@media (min-width: 992px) {
  .container.embeddedCharts {
    width: 200px;
    width: -moz-calc(100% - 10px);
    /* WebKit */
    width: -webkit-calc(100% - 10px);
    /* Opera */
    width: -o-calc(100% - 10px);
    /* Standard */
    width: calc(100% - 10px); } }

@media (min-width: 768px) and (max-width: 991px) {
  .container.embeddedCharts {
    width: 200px;
    width: -moz-calc(100% - 8px);
    /* WebKit */
    width: -webkit-calc(100% - 8px);
    /* Opera */
    width: -o-calc(100% - 8px);
    /* Standard */
    width: calc(100% - 8px); } }

@media (max-width: 767px) {
  .container.embeddedCharts {
    width: 200px;
    width: -moz-calc(100% - 6px);
    /* WebKit */
    width: -webkit-calc(100% - 6px);
    /* Opera */
    width: -o-calc(100% - 6px);
    /* Standard */
    width: calc(100% - 6px); } }

.custom-legend .c3-axis.c3-axis-x .tick {
  display: block !important; }

.custom-legend .c3-axis.c3-axis-x path.domain {
  stroke: transparent; }

.custom-legend .c3-axis-y path.domain,
.custom-legend .c3-axis-y2 path.domain {
  display: block; }

.custom-legend .c3-grid line.c3-ygrid {
  stroke: rgba(0, 0, 0, 0.24) !important; }

.metric-charts .c3-legend-item.c3-legend-item-value .c3-legend-item-tile {
  fill: #0000FF !important; }

#shortagesByProgramChartCont .c3-axis-x .tick,
#shortagesByProgramChartCont .c3-axis-y .tick {
  display: block; }

.c3-target-averagePOPlacement path {
  stroke-width: 2px; }

.c3-chart-text.c3-target .c3-text.c3-transform-down {
  transform: translate(0px, 26px); }

.small-arial-axis .c3-axis .tick text tspan {
  font-family: 'Arial';
  font-size: 12px; }

.show-x-y-axis-domain .c3-axis-y path.domain,
.show-x-y-axis-domain .c3-axis-x path.domain {
  display: block; }

.dotted-x-axis {
  stroke-dasharray: 5,5; }

#tsid, #helpNav, #userNav {
  height: 30px;
  margin-top: 6px;
  position: relative; }

#helpNavButton, #userNavButton {
  background: none repeat scroll 0 0 transparent; }

#tsidButton, #helpNavButton, #userNavButton {
  -moz-border-radius: 11px 11px 11px 11px;
  background: none repeat scroll 0 0 #35B4E9;
  border: 0 none;
  color: #FFFFFF;
  font-size: 1.1em;
  height: 24px;
  line-height: 24px;
  padding: 0 15px; }

body .menuButton .menuButtonButton {
  background-image: url("/application/library/ui_images/btn_combo.png");
  display: inline-block;
  margin: 0;
  padding: 3px 22px 3px 5px; }

.menuButtonOver #helpNavButton, .menuButtonOver #userNavButton, .menuButtonOver #tsidButton, .menuButtonActivated #helpNavButton, .menuButtonActivated #userNavButton, .menuButtonActivated #tsidButton, .phHeaderCustomLogo .menuButtonActivated #helpNavButton, .phHeaderCustomLogo .menuButtonActivated #userNavButton, .phHeaderCustomLogo .menuButtonActivated #tsidButton {
  background: none repeat scroll 0 0 #FFFFFF; }

.menuButtonActivated #tsidButton, .menuButtonActivated #helpNavButton, .menuButtonActivated #userNavButton {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  height: 30px; }

#helpNavButton, #userNavButton {
  background: none repeat scroll 0 0 transparent; }

#tsidButton, #helpNavButton, #userNavButton {
  -moz-border-radius: 11px 11px 11px 11px;
  background: none repeat scroll 0 0 #35B4E9;
  border: 0 none;
  color: #FFFFFF;
  font-size: 1.1em;
  height: 24px;
  line-height: 24px;
  padding: 0 15px; }

.menuButtonActivated #helpNavMenu, .menuButtonActivated #userNavMenu, .menuButtonActivated #tsidMenu {
  -moz-border-radius-bottomleft: 11px;
  -moz-border-radius-bottomright: 11px;
  border: 0 none; }

#tsidMenu, #helpNavMenu, #userNavMenu {
  -moz-box-shadow: 0 2px 4px rgba(127, 127, 127, 0.3);
  background-color: #FFFFFF;
  left: auto;
  margin-top: 0;
  padding: 3px 0 9px;
  right: 0; }

.menuButton .menuButtonMenu {
  border-bottom: 1px solid #333333;
  display: none;
  left: 0;
  margin-top: -2px;
  position: absolute;
  white-space: nowrap;
  z-index: 50; }

#helpNavMenu a, #userNavMenu a {
  padding-right: 25px; }

#tsidMenu a, #helpNavMenu a, #userNavMenu a {
  -moz-border-radius: 11px 11px 11px 11px;
  color: #333435;
  margin: 0 4px;
  padding: 4px 16px;
  text-decoration: none; }

body .googleDocMutton .menuButtonMenu a, body .searchCustomization .menuButton .menuButtonMenu a, #browseTags .menuButton .menuButtonMenu a, body .bMyTask .menuButton .menuButtonMenu input.theOption, body .menuButton .menuButtonMenu a {
  background-color: transparent;
  border: 0 none;
  font-size: 1em;
  font-weight: normal;
  padding: 4px 10px; }

body .menuButton .menuButtonButton {
  background-image: url("/img/alohaSkin/btn_combo.png");
  display: inline-block;
  margin: 0;
  padding: 3px 22px 3px 5px; }

body .bodyDiv #border_b {
  background: url("/application/library/ui_images/bd_bottom.png") repeat-x scroll 0 0 transparent;
  bottom: -20px;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%; }

body .bodyDiv #border_b #border_bl {
  background-position: -40px top;
  left: -20px;
  z-index: 11; }

#border_bl, #border_br {
  background: url("/application/library/ui_images/bd_corner.png") no-repeat scroll 0 0 transparent;
  height: 20px;
  position: absolute;
  width: 20px; }

body .bodyDiv #border_b #border_br {
  background-position: -60px top;
  right: -20px; }

#border_bl, #border_br {
  background: url("/application/library/ui_images/bd_corner.png") no-repeat scroll 0 0 transparent;
  height: 20px;
  position: absolute;
  width: 20px; }

#sidebarDiv, #sidebarDiv .sidebarModule, #sidebarDiv .nestedModule {
  background-color: transparent;
  border: 0 none; }

#sidebarDiv {
  background-color: #FFFFFF; }

/*#sidebarDiv {
    background-color: #E8E8E8;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}
#sidebarDiv .sidebarInner {
    background-color: #FFFFFF;
    width: 200px;
}
*/
#sidebarCell, #sidebarDiv .sidebarModule, #sidebarDiv .nestedModule {
  background-color: transparent;
  border: 0 none; }

.sidebarCollapsible {
  padding: 0px 10px 0;
  padding-left: 0px !important; }

.sidebarCell, #sidebarDiv {
  background-color: #E8E8E8;
  width: var(--oldNavWidth);
  display: block; }

#sidebarDiv {
  z-index: 10; }

body #sidebarDiv .sidebarInner {
  background-color: transparent;
  padding: 0 3px 5px 0;
  width: 200px; }

#sidebarDiv, #sidebarDiv .sidebarModule, #sidebarDiv .nestedModule {
  background-color: transparent;
  border: 0 none; }

#sidebarDiv .sidebarModule, #sidebarDiv .nestedModule {
  margin: 0 0 20px; }

#sidebarDiv .sidebarModule {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -9px bottom #CFEEF8; }

#sidebarDiv .createNewModule, #sidebarDiv .tagsMruModule {
  background: none repeat scroll 0 0 transparent; }

.createNewModule {
  overflow: visible; }

.sidebarModule {
  background-color: #E8E8E8;
  margin: 0 0 2px;
  overflow: hidden; }

#sidebarDiv .createNewModule .sidebarModuleBody, #sidebarDiv .tagsMruModule .sidebarModuleBody, #sidebarDiv .linksModule ul {
  padding: 0; }

#sidebarDiv .sidebarModule .sidebarModuleBody {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -209px top transparent;
  padding: 12px 9px 10px; }

.sidebarModuleBodyNoHeader {
  padding-top: 15px; }

.sidebarModuleBody, .sidebarModuleBodyNoHeader {
  padding: 0 6px 16px 11px; }

.sidebarModuleBody, .sidebarModuleBodyNoHeader {
  padding: 0 6px 16px 11px; }

#sidebarDiv .menuButton {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -409px top transparent;
  height: 33px;
  margin-left: -3px;
  width: 206px; }

#sidebarDiv .menuButton:hover {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -615px top transparent;
  height: 33px;
  margin-left: -3px;
  width: 206px; }

#createNew {
  display: block;
  height: 20px;
  position: static; }

body .menuButton {
  display: inline-block;
  margin: 0;
  padding: 0; }

.menuButton {
  cursor: pointer;
  display: inline;
  text-align: left;
  z-index: 99; }

#sidebarDiv .menuButtonButton {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #FFFFFF;
  font-size: 1em;
  margin: 0;
  padding: 8px 0 12px 12px;
  width: 186px; }

#sidebarDiv .sidebarModule, #sidebarDiv .nestedModule {
  margin: 0 0 20px; }

#sidebarDiv .sidebarModuleHeader {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -209px -2px #1797C0;
  color: #FFFFFF;
  padding: 0; }

.sidebarModuleHeader {
  font-weight: bold;
  padding: 15px 8px 2px 15px; }

#sidebarDiv .sidebarModuleHeader h2 {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -9px bottom transparent;
  display: block;
  padding: 5px 9px; }

#sidebarDiv .recentItemModule .sidebarModuleBody {
  padding: 6px 5px 10px 4px; }

#sidebarDiv .sidebarModule .sidebarModuleBody {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -209px top transparent;
  padding: 12px 9px 10px; }

#sidebarDiv .recentItemModule .mruItem {
  padding: 4px 5px 3px 25px; }

.mruItem {
  padding: 4px 2px 3px 30px;
  position: relative;
  z-index: 7; }

#sidebarDiv .nestedModule {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -1021px top transparent; }

#sidebarDiv .nestedModule .nestedModuleInner {
  background: url("/application/library/ui_images/sidebar_panel.png") no-repeat scroll -821px bottom transparent; }

body .bodyDiv #border_l {
  background: url("/application/library/ui_images/bd_corner.png") repeat-y scroll left top transparent;
  height: 100%;
  left: -20px;
  position: absolute;
  width: 20px; }

body .bodyDiv {
  background-color: #FFFFFF;
  margin: 0 10px; }

body .bodyDiv #border_r {
  background: url("/application/library/ui_images/bd_shadow.png") repeat-y scroll right top transparent;
  height: 100%;
  left: 20px;
  position: absolute;
  width: 100%;
  z-index: -1; }

#sidebarDiv .menuButtonMenu {
  -moz-box-shadow: 0 1px 5px #727272;
  background-color: #FFFFFF;
  border: 1px solid #1797C0;
  line-height: 21px;
  margin-left: 4px;
  margin-top: -4px; }

#sidebarDiv .menuButtonMenu .firstMenuItem {
  padding-top: 4px; }

#sidebarDiv .menuButtonMenu a {
  border: medium none;
  padding-top: 1px; }

#createNew .menuButtonMenu a {
  background-color: transparent;
  border-color: #F8F8F8;
  border-width: 1px 0;
  color: #333333;
  font-family: 'Arial','Helvetica',sans-serif;
  font-size: 100%;
  font-weight: normal;
  padding: 0 2px 0 6px;
  text-align: left; }

#sidebarDiv .nestedModule .sidebarModuleHeaderCustom {
  background: none repeat scroll 0 0 transparent;
  color: #333435;
  padding: 10px 7px 0; }

#sidebarDiv .nestedModule .sidebarModuleHeaderCustom h2 {
  padding: 0;
  font-family: Arial,Helvetica,sans-serif;
  display: block; }

#sidebarDiv .nestedModule .sidebarModuleBodyCustom {
  background: none repeat scroll 0 0 transparent;
  border-color: #DFDFDF;
  border-width: 0 1px;
  padding: 16px 15px 10px 7px;
  border-style: none solid; }

#sidebarDiv .menuButtonMenu a:hover {
  background-color: #E3F3FF;
  color: #015BA7; }

.dmiactable td {
  border-width: 1px !important; }

.dmaicw, .dmaicp {
  background-color: #FFFFFF;
  border: 1px solid #C3C3C3;
  border-collapse: collapse;
  text-align: center;
  width: 20px; }

.dmaicb {
  background-color: blue !important;
  border: 1px solid #C3C3C3 !important;
  border-collapse: collapse;
  text-align: center;
  width: 20px; }

.dmaicpGreen {
  background-color: #00ff00 !important;
  border: 1px solid #C3C3C3 !important;
  border-collapse: collapse;
  text-align: center;
  width: 20px; }

.dmaicpYellow {
  background-color: Yellow !important;
  border: 1px solid #C3C3C3 !important;
  border-collapse: collapse;
  text-align: center;
  width: 20px; }

.dmaicpRed {
  background-color: Red !important;
  border: 1px solid #C3C3C3 !important;
  border-collapse: collapse;
  text-align: center;
  width: 20px; }

.dmaicpsmilyGreen {
  background-image: url("/application/library/ui_images/happy.png");
  height: 30px;
  text-align: center;
  width: 30px;
  margin: auto; }

.dmaicpsmilyYellow {
  background-image: url("/application/library/ui_images/straight.png");
  height: 30px;
  text-align: center;
  width: 30px;
  margin: auto; }

.dmaicpsmilyRed {
  background-image: url("/application/library/ui_images/sad.png");
  height: 30px;
  text-align: center;
  width: 30px;
  margin: auto; }

#sidebarDiv {
  background-color: #EEEEEE;
  box-shadow: 1px 0px 4px #D6D6D6;
  position: fixed;
  height: 100%;
  border-right: 1px solid #dddddd; }

#sidebarCell.headerWithBanner #sidebarDiv {
  height: calc(100% - var(--optOutBannerHeight)); }

.overFlowWrapper #accordion {
  margin-bottom: 8px; }

.sidebarCollapsed {
  padding-right: 0; }

#sideView.banner div#pinIndicator {
  top: 106px; }

.sidebarCollapsed #handlebarContainer {
  cursor: pointer; }

.sidebarCollapsed #handlebarContainer {
  bottom: 5px;
  left: 0px; }

#pinIndicator {
  top: 0; }

#pinIndicator2 {
  bottom: 0; }

#handlebarContainer .indicator {
  background: #E0E0E0;
  height: 28px;
  width: 14px;
  text-align: center;
  border-left: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3; }

#handlebarContainer .indicator > .arrow {
  width: 0;
  margin-left: 4px;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 5px solid #676767;
  border-left: 0;
  margin-top: 8px; }

.sidebarCollapsed #handlebarContainer .indicator {
  border-right: 1px solid #c3c3c3; }

.sidebarCollapsed #handlebarContainer .indicator > .arrow {
  width: 0;
  margin-left: 4px;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #676767;
  margin-top: 8px;
  border-right: 0; }

#handlebarContainer.hover .indicator {
  background-position: 0 -31px; }

.sidebarCollapsed #handlebarContainer.hover .indicator {
  background-position: 0 -93px; }

#handlebarContainer #handle {
  background: none repeat scroll 0 0 transparent;
  bottom: 5px;
  position: absolute;
  right: 2px;
  top: 5px;
  width: 5px; }

#handlebarContainer.hover #handle {
  background-color: #E0F5FC; }

.noSidebarCell, .sidebarCell .fixed {
  padding: 10px; }

.sidebarCollapsed #sidebarDiv {
  display: none; }

.sidebarCollapsed {
  padding-right: 0; }

.sidebarCollapsed {
  padding-right: 0;
  width: 0; }

#settingsDropdown.open > .dropdown-menu.multi-level {
  opacity: 1;
  visibility: visible;
  height: 135px; }

#settingsDropdown > .dropdown-menu.multi-level {
  width: 204px; }

#settings-dropdown-menu {
  overflow: visible;
  width: auto; }

#settingsDropdown > .dropdown-menu.multi-level > li {
  width: 100%; }

#settingsDropdown.open > .dropdown-menu.multi-level.multi-customer {
  height: 165px; }

#settings-dropdown-menu.dropdown-menu.multi-level.settings-dropdown-menu {
  height: auto;
  padding: 10px 0px 10px 0.25px; }

#settings-dropdown-menu.dropdown-menu.multi-level.settings-dropdown-menu .dropdown-menu {
  padding: 10px 0px; }

#settingsDropdown.open > .dropdown-menu.multi-level > li {
  height: 26px;
  visibility: visible;
  opacity: 1; }

#settings-dropdown-menu.dropdown-menu.settings-dropdown-menu.multi-level > li {
  height: 40px; }

#settings-dropdown-menu.dropdown-menu.settings-dropdown-menu.multi-level > li.experienceButtonWrapper {
  height: auto;
  display: flex;
  justify-content: center;
  padding: 8px; }

#settings-dropdown-menu.dropdown-menu.settings-dropdown-menu.multi-level > li.divider {
  height: 1px; }

#settingsDropdown.open > .dropdown-menu.multi-level > li.divider {
  height: 1px; }

#settingsDropdown .dropdown-menu.multi-level,
#settingsDropdown .dropdown-menu.multi-level > li {
  display: block;
  opacity: 0;
  height: 0px;
  visibility: hidden;
  -webkit-transition: height 250ms ease, opacity 250ms ease, visibility 250ms ease;
  -moz-transition: height 250ms ease, opacity 250ms ease, visibility 250ms ease;
  -o-transition: height 250ms ease, opacity 250ms ease, visibility 250ms ease;
  transition: height 250ms ease, opacity 250ms ease, visibility 250ms ease; }

#layout-dialog.radio {
  min-height: 20px; }

#loading-bar-spinner {
  top: 50%;
  left: 50%; }

.dropdown-menu {
  z-index: 1060; }

/* -------------- */
/* skin: LeanDNA, Inc.  */
/* cssSheet: dashboard */
/* postfix:  */
/* dashboard.css */
.mComponent {
  padding-left: 2px;
  margin-bottom: 12px;
  margin-top: 2px; }

.mComponent .cBody {
  background-color: none;
  text-align: center;
  background-image: url(file:///C|/LeanDNA/Performance_Manager/images/graphs/bgComponent.gif);
  background-repeat: repeat-x;
  background-position: left top; }

.mComponent .cContent {
  width: auto;
  position: relative;
  overflow: hidden;
  left: -2px;
  top: -2px;
  border: none; }

.mComponent .cContent .dashboardRowValue {
  float: right;
  padding: 3px;
  display: block; }

.mComponent .cContent .dashboardRowLabel {
  padding: 3px;
  display: block; }

/* ensure that tables and error msgs don't have a dark background */
.dashPreview .cContent table,
.cContent table.list,
.cContent span.errorMessage {
  background-color: #FFF; }

.cContent {
  padding: 4px; }

/* correct padding around the 'table' for metrics */
.firstMetric .cContent {
  padding: 4px 4px 0; }

.subsequentMetric .cContent {
  padding: 0 4px; }

.lastMetric .cContent {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px; }

.containsAChart .cContent {
  padding: 2px; }

.mComponent .cContent span.errorMessage {
  display: block; }

.mComponent .cContent table td {
  padding: 0; }

.mComponent .cContent table th {
  padding: 3px;
  white-space: normal; }

.mComponent .cContent .tableTitle {
  border: none;
  text-align: center; }

.mComponent .cContent .tableTitle a {
  font-weight: bold; }

.mComponent .headerRow .drilldownLink {
  text-decoration: none; }

.mComponent .headerRow th {
  vertical-align: bottom;
  color: #000; }

.mComponent .cContent .list {
  cursor: pointer; }

.mComponent .cContent .list tr.last td,
.mComponent .cContent .last td {
  border-bottom-width: 0; }

.mComponent .cHeader {
  padding: 1px 0px 1px 0px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #C99C99;
  margin-left: -2px;
  margin-bottom: 2px; }

.containsAChart .cHeader {
  margin-bottom: 6px; }

.mComponent .cHeader table {
  width: 100%; }

.mComponent .cHeader table td {
  vertical-align: bottom;
  padding-bottom: 1px; }

.mComponent .cHeader table td.btnMove {
  text-align: right; }

.mComponent .cHeader table td.btnMove a,
.mComponent .cHeader table td.btnMove img {
  padding: 2px; }

.mComponent .cHeader table td.btnMove a img {
  padding: 0; }

.mComponent .cHeader .title h2.moduleTitle {
  font-weight: bold;
  color: #9F4646; }

.mComponent .btnMove {
  font-size: 0.91em;
  vertical-align: middle;
  text-align: right; }

.mComponent .btnMove span {
  vertical-align: middle; }

.mComponent .btnMove img {
  margin-right: 1px; }

.mComponent .btnMove .btnLast {
  margin-right: 5px; }

table.componentTable tr,
table.componentTable td {
  vertical-align: top; }

.componentTable .col2,
.componentTable .col3,
.componentTable .col4 {
  padding-left: 5px;
  vertical-align: top; }

#homePage .bPageBlock .FDNABody {
  padding-left: 9px;
  padding-right: 9px; }

/* display an unordered list horizontally with spacer in the middle */
.componentTable .columnSize ul {
  display: inline;
  padding-left: 0;
  margin-left: 0; }

.componentTable .columnSize li {
  border-left: 1px solid #000;
  margin-left: .5em;
  padding-left: .5em;
  display: inline; }

.componentTable .columnSize li.first {
  border-left: 0;
  margin-left: 1em;
  padding-left: 1em; }

.componentTable .columnSize a.addComponent {
  display: block; }

.columnSize .active a {
  font-weight: bold; }

/* end unordered list */
.componentDate {
  font-family: Arial;
  font-size: 0.91em;
  padding: 3px 0px 10px 10px; }

.columnSize {
  font-size: 0.91em;
  margin-bottom: 15px; }

.columnSize .csActive {
  font-weight: bold; }

.mComponent .cFooter {
  font-style: italic; }

.mComponent .cFooter .cRight {
  text-align: right; }

.bPageBlock .pbHeader .pbButton label {
  font-size: 1em;
  vertical-align: bottom; }

/*Q: why no just vertical-align: middle? */
/*A: it's not working in IE */
.bPageBlock .pbHeader .pbButton label {
  position: relative;
  top: -4px; }

.metric {
  width: 100%; }

.metric .value {
  width: 1%; }

.metric .value span {
  white-space: nowrap;
  display: block; }

.metric a {
  text-decoration: none; }

.metricWrapper .even table.metric td,
.mComponent .cContent .list tr.even td {
  background-color: #eee; }

.metricWrapper .cContent td {
  border-bottom: 1px solid #E3DEB8; }

.metricWrapper .cHeader table {
  padding-bottom: 2px; }

.metricWrapper .last td {
  border-bottom-width: 2px; }

.metricWrapper .mComponent {
  margin: 0;
  padding: 0; }

.lastMetric .mComponent {
  margin-bottom: 10px; }

.dashboard .bDescription {
  padding-bottom: 0; }

.dashWide img.chart {
  width: 400px; }

.dashMed img.chart {
  width: 280px; }

.dashNarrow img.chart {
  width: 240px; }

.col-xs-6 .bgNumClass, .col-xs-8 .bgNumClass,
.col-xs-12 .bgNumClass, .col-sm-6 .bgNumClass,
.col-sm-8 .bgNumClass, .col-sm-12 .bgNumClass,
.col-md-6 .bgNumClass, .col-md-8 .bgNumClass,
.col-md-12 .bgNumClass, .col-lg-6 .bgNumClass,
.col-lg-8 .bgNumClass, .col-lg-12 .bgNumClass,
.col-xs-4 .bgNumClass, .col-sm-4 .bgNumClass,
.col-md-4 .bgNumClass, .col-lg-4 .bgNumClass {
  display: block;
  text-align: center;
  font-weight: bold; }

.slideshowView .labelClass {
  font-size: 24px; }

h3.slideshowView.panel-title {
  font-size: 24px; }

.bottomDataClass {
  width: 100%;
  text-align: center; }

.slideshowView.c3 .c3-text {
  font-size: 14px; }

@media (min-width: 1101px) {
  .col-xs-4 .panel-heading, .col-sm-4 .panel-heading,
  .col-md-4 .panel-heading, .col-lg-4 .panel-heading,
  .col-xs-6 .panel-heading, .col-xs-8 .panel-heading,
  .col-xs-12 .panel-heading, .col-sm-6 .panel-heading,
  .col-sm-8 .panel-heading, .col-sm-12 .panel-heading,
  .col-md-6 .panel-heading, .col-md-8 .panel-heading,
  .col-md-12 .panel-heading, .col-lg-6 .panel-heading,
  .col-lg-8 .panel-heading, .col-lg-12 .panel-heading {
    padding-left: 15px;
    padding-right: 15px; }
  .col-xs-6 .bgNumClass, .col-xs-8 .bgNumClass,
  .col-xs-12 .bgNumClass, .col-sm-6 .bgNumClass,
  .col-sm-8 .bgNumClass, .col-sm-12 .bgNumClass,
  .col-md-6 .bgNumClass, .col-md-8 .bgNumClass,
  .col-md-12 .bgNumClass, .col-lg-6 .bgNumClass,
  .col-lg-8 .bgNumClass, .col-lg-12 .bgNumClass {
    font-size: 20px; }
  .col-xs-4 .bgNumClass, .col-sm-4 .bgNumClass,
  .col-md-4 .bgNumClass, .col-lg-4 .bgNumClass {
    font-size: 20px; }
  .slideshowView .bgNumClass {
    font-size: 42px; }
  .col-xs-6 .diffClass, .col-xs-8 .diffClass,
  .col-xs-12 .diffClass, .col-sm-6 .diffClass,
  .col-sm-8 .diffClass, .col-sm-12 .diffClass,
  .col-md-6 .diffClass, .col-md-8 .diffClass,
  .col-md-12 .diffClass, .col-lg-6 .diffClass,
  .col-lg-8 .diffClass, .col-lg-12 .diffClass {
    font-size: 18px; }
  .col-xs-4 .diffClass, .col-sm-4 .diffClass,
  .col-md-4 .diffClass, .col-lg-4 .diffClass {
    font-size: 18px; }
  .slideshowView .diffClass {
    font-size: 30px; }
  .slideshowView .bottomDataClass span.lightColor {
    font-size: 24px; }
  .col-xs-6 .expandCollapse, .col-xs-8 .expandCollapse,
  .col-xs-12 .expandCollapse, .col-sm-6 .expandCollapse,
  .col-sm-8 .expandCollapse, .col-sm-12 .expandCollapse,
  .col-md-6 .expandCollapse, .col-md-8 .expandCollapse,
  .col-md-12 .expandCollapse, .col-lg-6 .expandCollapse,
  .col-lg-8 .expandCollapse, .col-lg-12 .expandCollapse,
  .col-xs-6 .fa-times, .col-xs-8 .fa-times,
  .col-xs-12 .fa-times, .col-sm-6 .fa-times,
  .col-sm-8 .fa-times, .col-sm-12 .fa-times,
  .col-md-6 .fa-times, .col-md-8 .fa-times,
  .col-md-12 .fa-times, .col-lg-6 .fa-times,
  .col-lg-8 .fa-times, .col-lg-12 .fa-times {
    font-size: 13px; }
  .col-xs-4 .expandCollapse, .col-sm-4 .expandCollapse,
  .col-md-4 .expandCollapse, .col-lg-4 .expandCollapse,
  .col-xs-4 .fa-times, .col-sm-4 .fa-times,
  .col-md-4 .fa-times, .col-lg-4 .fa-times {
    font-size: 13px; }
  .col-xs-4 .view-report, .col-sm-4 .view-report,
  .col-md-4 .view-report, .col-lg-4 .view-report,
  .col-xs-6 .view-report, .col-xs-8 .view-report,
  .col-xs-12 .view-report, .col-sm-6 .view-report,
  .col-sm-8 .view-report, .col-sm-12 .view-report,
  .col-md-6 .view-report, .col-md-8 .view-report,
  .col-md-12 .view-report, .col-lg-6 .view-report,
  .col-lg-8 .view-report, .col-lg-12 .view-report {
    padding-right: 5px;
    font-size: 14px; }
  .widget-icon {
    padding-right: 5px;
    font-size: 14px; }
  .col-xs-6 .labelClass, .col-xs-8 .labelClass,
  .col-xs-12 .labelClass, .col-sm-6 .labelClass,
  .col-sm-8 .labelClass, .col-sm-12 .labelClass,
  .col-md-6 .labelClass, .col-md-8 .labelClass,
  .col-md-12 .labelClass, .col-lg-6 .labelClass,
  .col-lg-8 .labelClass, .col-lg-12 .labelClass,
  .col-xs-6 .panel-title, .col-xs-8 .panel-title,
  .col-xs-12 .panel-title, .col-sm-6 .panel-title,
  .col-sm-8 .panel-title, .col-sm-12 .panel-title,
  .col-md-6 .panel-title, .col-md-8 .panel-title,
  .col-md-12 .panel-title, .col-lg-6 .panel-title,
  .col-lg-8 .panel-title, .col-lg-12 .panel-title {
    font-size: 16px; }
  .col-xs-4 .labelClass, .col-sm-4 .labelClass,
  .col-md-4 .labelClass, .col-lg-4 .labelClass,
  .col-xs-4 .panel-title, .col-sm-4 .panel-title,
  .col-md-4 .panel-title, .col-lg-4 .panel-title {
    font-size: 16px; }
  .slideshowView .labelClass {
    font-size: 24px; }
  .col-xs-4 tspan, .col-sm-4 tspan,
  .col-md-4 tspan, .col-lg-4 tspan,
  .col-xs-6 tspan, .col-xs-8 tspan,
  .col-xs-12 tspan, .col-sm-6 tspan,
  .col-sm-8 tspan, .col-sm-12 tspan,
  .col-md-6 tspan, .col-md-8 tspan,
  .col-md-12 tspan, .col-lg-6 tspan,
  .col-lg-8 tspan, .col-lg-12 tspan {
    font-size: 13px; }
  .slideshowView tspan {
    font-size: 14px; }
  .table.table-striped th,
  .table.table-striped td {
    font-size: 14px;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px; }
  .table.widgetTable td.actionIcon {
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 6.5px;
    padding-right: 6.5px; }
  .table.table-striped td.actionIcon {
    font-size: 16px;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 6.5px;
    padding-right: 6.5px; }
  .table.widgetTable > thead > tr > th,
  .table.widgetTable td {
    font-size: 12px;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px; }
  .table.compact {
    margin-bottom: 10px; }
  .table.compact.widgetTable > thead > tr > th,
  .table.compact.widgetTable td {
    padding: 2px; }
  .metricWidget .metricLabel {
    font-size: 14px; }
  .col-md-4 .metricWidget .metricLabel {
    font-size: 12px; }
  .metricWidget .metricRadio {
    padding-top: 7px;
    padding-left: 0px;
    padding-right: 4px; }
  .metricWidget .metricRadioLabel {
    padding: 0px 10px;
    font-size: 14px; }
  .col-md-4 .metricWidget .metricRadioLabel {
    padding: 0px 2px;
    font-size: 12px; }
  .metricWidget .metricValueCont {
    padding-left: 0px;
    padding-right: 0px; }
  .metricWidget .metricValueLabel {
    padding-left: 0px;
    padding-right: 4px;
    font-size: 14px; }
  .metricWidget .metricValueInput {
    padding: 0px; } }

@media (max-width: 1100px) and (min-width: 768px) {
  .col-xs-4 .panel-heading, .col-sm-4 .panel-heading,
  .col-md-4 .panel-heading, .col-lg-4 .panel-heading,
  .col-xs-6 .panel-heading, .col-xs-8 .panel-heading,
  .col-xs-12 .panel-heading, .col-sm-6 .panel-heading,
  .col-sm-8 .panel-heading, .col-sm-12 .panel-heading,
  .col-md-6 .panel-heading, .col-md-8 .panel-heading,
  .col-md-12 .panel-heading, .col-lg-6 .panel-heading,
  .col-lg-8 .panel-heading, .col-lg-12 .panel-heading {
    padding-left: 12px;
    padding-right: 12px; }
  .col-xs-6 .bgNumClass, .col-xs-8 .bgNumClass,
  .col-xs-12 .bgNumClass, .col-sm-6 .bgNumClass,
  .col-sm-8 .bgNumClass, .col-sm-12 .bgNumClass,
  .col-md-6 .bgNumClass, .col-md-8 .bgNumClass,
  .col-md-12 .bgNumClass, .col-lg-6 .bgNumClass,
  .col-lg-8 .bgNumClass, .col-lg-12 .bgNumClass {
    font-size: 16px; }
  .col-xs-4 .bgNumClass, .col-sm-4 .bgNumClass,
  .col-md-4 .bgNumClass, .col-lg-4 .bgNumClass {
    font-size: 16px; }
  .slideshowView .bgNumClass {
    font-size: 28px; }
  .col-xs-6 .diffClass, .col-xs-8 .diffClass,
  .col-xs-12 .diffClass, .col-sm-6 .diffClass,
  .col-sm-8 .diffClass, .col-sm-12 .diffClass,
  .col-md-6 .diffClass, .col-md-8 .diffClass,
  .col-md-12 .diffClass, .col-lg-6 .diffClass,
  .col-lg-8 .diffClass, .col-lg-12 .diffClass {
    font-size: 14.4px; }
  .col-xs-4 .diffClass, .col-sm-4 .diffClass,
  .col-md-4 .diffClass, .col-lg-4 .diffClass {
    font-size: 14.4px; }
  .slideshowView .diffClass {
    font-size: 24px; }
  .slideshowView .bottomDataClass span.lightColor {
    font-size: 24px; }
  .col-xs-6 .expandCollapse, .col-xs-8 .expandCollapse,
  .col-xs-12 .expandCollapse, .col-sm-6 .expandCollapse,
  .col-sm-8 .expandCollapse, .col-sm-12 .expandCollapse,
  .col-md-6 .expandCollapse, .col-md-8 .expandCollapse,
  .col-md-12 .expandCollapse, .col-lg-6 .expandCollapse,
  .col-lg-8 .expandCollapse, .col-lg-12 .expandCollapse,
  .col-xs-6 .fa-times, .col-xs-8 .fa-times,
  .col-xs-12 .fa-times, .col-sm-6 .fa-times,
  .col-sm-8 .fa-times, .col-sm-12 .fa-times,
  .col-md-6 .fa-times, .col-md-8 .fa-times,
  .col-md-12 .fa-times, .col-lg-6 .fa-times,
  .col-lg-8 .fa-times, .col-lg-12 .fa-times {
    font-size: 11.2px; }
  .col-xs-4 .expandCollapse, .col-sm-4 .expandCollapse,
  .col-md-4 .expandCollapse, .col-lg-4 .expandCollapse,
  .col-xs-4 .fa-times, .col-sm-4 .fa-times,
  .col-md-4 .fa-times, .col-lg-4 .fa-times {
    font-size: 11.2px; }
  .col-xs-4 .view-report, .col-sm-4 .view-report,
  .col-md-4 .view-report, .col-lg-4 .view-report,
  .col-xs-6 .view-report, .col-xs-8 .view-report,
  .col-xs-12 .view-report, .col-sm-6 .view-report,
  .col-sm-8 .view-report, .col-sm-12 .view-report,
  .col-md-6 .view-report, .col-md-8 .view-report,
  .col-md-12 .view-report, .col-lg-6 .view-report,
  .col-lg-8 .view-report, .col-lg-12 .view-report {
    font-size: 11.2px;
    padding-right: 4px; }
  .widget-icon {
    font-size: 12px;
    padding-right: 4px; }
  .col-xs-6 .labelClass, .col-xs-8 .labelClass,
  .col-xs-12 .labelClass, .col-sm-6 .labelClass,
  .col-sm-8 .labelClass, .col-sm-12 .labelClass,
  .col-md-6 .labelClass, .col-md-8 .labelClass,
  .col-md-12 .labelClass, .col-lg-6 .labelClass,
  .col-lg-8 .labelClass, .col-lg-12 .labelClass,
  .col-xs-6 .panel-title, .col-xs-8 .panel-title,
  .col-xs-12 .panel-title, .col-sm-6 .panel-title,
  .col-sm-8 .panel-title, .col-sm-12 .panel-title,
  .col-md-6 .panel-title, .col-md-8 .panel-title,
  .col-md-12 .panel-title, .col-lg-6 .panel-title,
  .col-lg-8 .panel-title, .col-lg-12 .panel-title {
    font-size: 12.8px; }
  .col-xs-4 .labelClass, .col-sm-4 .labelClass,
  .col-md-4 .labelClass, .col-lg-4 .labelClass,
  .col-xs-4 .panel-title, .col-sm-4 .panel-title,
  .col-md-4 .panel-title, .col-lg-4 .panel-title {
    font-size: 12.8px; }
  .slideshowView .labelClass {
    font-size: 24px; }
  .col-xs-4 tspan, .col-sm-4 tspan,
  .col-md-4 tspan, .col-lg-4 tspan,
  .col-xs-6 tspan, .col-xs-8 tspan,
  .col-xs-12 tspan, .col-sm-6 tspan,
  .col-sm-8 tspan, .col-sm-12 tspan,
  .col-md-6 tspan, .col-md-8 tspan,
  .col-md-12 tspan, .col-lg-6 tspan,
  .col-lg-8 tspan, .col-lg-12 tspan {
    font-size: 10.4px; }
  .slideshowView tspan {
    font-size: 14px; }
  .dashboard-container h1.ng-binding {
    font-size: 17.6px; }
  .table.table-striped th,
  .table.table-striped td {
    font-size: 11.2px;
    padding-bottom: 6.4px;
    padding-top: 6.4px;
    padding-left: 6.4px;
    padding-right: 6.4px; }
  .table.widgetTable td.actionIcon {
    font-size: 11.2px;
    padding-bottom: 5.6px;
    padding-top: 5.6px;
    padding-left: 5.2px;
    padding-right: 5.2px; }
  .table.table-striped td.actionIcon {
    font-size: 12.8px;
    padding-bottom: 5.6px;
    padding-top: 5.6px;
    padding-left: 5.2px;
    padding-right: 5.2px; }
  .table.widgetTable > thead > tr > th,
  .table.widgetTable td {
    font-size: 9.6px;
    padding-bottom: 6.4px;
    padding-top: 6.4px;
    padding-left: 6.4px;
    padding-right: 6.4px; }
  .metricWidget .metricLabel {
    font-size: 11.2px; }
  .col-md-4 .metricWidget .metricLabel {
    font-size: 9.6px; }
  .metricWidget .metricRadio {
    padding-top: 5.6px;
    padding-left: 0px;
    padding-right: 3.2px; }
  .metricWidget .metricRadioLabel {
    padding: 0px 8px;
    font-size: 11.2px; }
  .col-md-4 .metricWidget .metricRadioLabel {
    padding: 0px 1.6px;
    font-size: 9.6px; }
  .metricWidget .metricValueCont {
    padding-left: 0px;
    padding-right: 0px; }
  .metricWidget .metricValueLabel {
    padding-left: 0px;
    padding-right: 3.2px;
    font-size: 9.6px; }
  .metricWidget .metricValueInput {
    padding: 0px; } }

@media (max-width: 767px) {
  .col-xs-4 .panel-heading, .col-sm-4 .panel-heading,
  .col-md-4 .panel-heading, .col-lg-4 .panel-heading,
  .col-xs-6 .panel-heading, .col-xs-8 .panel-heading,
  .col-xs-12 .panel-heading, .col-sm-6 .panel-heading,
  .col-sm-8 .panel-heading, .col-sm-12 .panel-heading,
  .col-md-6 .panel-heading, .col-md-8 .panel-heading,
  .col-md-12 .panel-heading, .col-lg-6 .panel-heading,
  .col-lg-8 .panel-heading, .col-lg-12 .panel-heading {
    padding-left: 9px;
    padding-right: 9px; }
  .col-xs-6 .bgNumClass, .col-xs-8 .bgNumClass,
  .col-xs-12 .bgNumClass, .col-sm-6 .bgNumClass,
  .col-sm-8 .bgNumClass, .col-sm-12 .bgNumClass,
  .col-md-6 .bgNumClass, .col-md-8 .bgNumClass,
  .col-md-12 .bgNumClass, .col-lg-6 .bgNumClass,
  .col-lg-8 .bgNumClass, .col-lg-12 .bgNumClass {
    font-size: 12px; }
  .col-xs-4 .bgNumClass, .col-sm-4 .bgNumClass,
  .col-md-4 .bgNumClass, .col-lg-4 .bgNumClass {
    font-size: 12px; }
  .slideshowView .bgNumClass {
    font-size: 28px; }
  .col-xs-6 .diffClass, .col-xs-8 .diffClass,
  .col-xs-12 .diffClass, .col-sm-6 .diffClass,
  .col-sm-8 .diffClass, .col-sm-12 .diffClass,
  .col-md-6 .diffClass, .col-md-8 .diffClass,
  .col-md-12 .diffClass, .col-lg-6 .diffClass,
  .col-lg-8 .diffClass, .col-lg-12 .diffClass {
    font-size: 10.8px; }
  .col-xs-4 .diffClass, .col-sm-4 .diffClass,
  .col-md-4 .diffClass, .col-lg-4 .diffClass {
    font-size: 10.8px; }
  .slideshowView .diffClass {
    font-size: 24px; }
  .slideshowView .bottomDataClass span.lightColor {
    font-size: 24px; }
  .col-xs-6 .expandCollapse, .col-xs-8 .expandCollapse,
  .col-xs-12 .expandCollapse, .col-sm-6 .expandCollapse,
  .col-sm-8 .expandCollapse, .col-sm-12 .expandCollapse,
  .col-md-6 .expandCollapse, .col-md-8 .expandCollapse,
  .col-md-12 .expandCollapse, .col-lg-6 .expandCollapse,
  .col-lg-8 .expandCollapse, .col-lg-12 .expandCollapse,
  .col-xs-6 .fa-times, .col-xs-8 .fa-times,
  .col-xs-12 .fa-times, .col-sm-6 .fa-times,
  .col-sm-8 .fa-times, .col-sm-12 .fa-times,
  .col-md-6 .fa-times, .col-md-8 .fa-times,
  .col-md-12 .fa-times, .col-lg-6 .fa-times,
  .col-lg-8 .fa-times, .col-lg-12 .fa-times {
    font-size: 8.4px; }
  .col-xs-4 .expandCollapse, .col-sm-4 .expandCollapse,
  .col-md-4 .expandCollapse, .col-lg-4 .expandCollapse,
  .col-xs-4 .fa-times, .col-sm-4 .fa-times,
  .col-md-4 .fa-times, .col-lg-4 .fa-times {
    font-size: 8.4px; }
  .col-xs-4 .view-report, .col-sm-4 .view-report,
  .col-md-4 .view-report, .col-lg-4 .view-report,
  .col-xs-6 .view-report, .col-xs-8 .view-report,
  .col-xs-12 .view-report, .col-sm-6 .view-report,
  .col-sm-8 .view-report, .col-sm-12 .view-report,
  .col-md-6 .view-report, .col-md-8 .view-report,
  .col-md-12 .view-report, .col-lg-6 .view-report,
  .col-lg-8 .view-report, .col-lg-12 .view-report {
    font-size: 8.4px;
    padding-right: 3px; }
  .widget-icon {
    font-size: 8px;
    padding-right: 3px; }
  .col-xs-6 .labelClass, .col-xs-8 .labelClass,
  .col-xs-12 .labelClass, .col-sm-6 .labelClass,
  .col-sm-8 .labelClass, .col-sm-12 .labelClass,
  .col-md-6 .labelClass, .col-md-8 .labelClass,
  .col-md-12 .labelClass, .col-lg-6 .labelClass,
  .col-lg-8 .labelClass, .col-lg-12 .labelClass,
  .col-xs-6 .panel-title, .col-xs-8 .panel-title,
  .col-xs-12 .panel-title, .col-sm-6 .panel-title,
  .col-sm-8 .panel-title, .col-sm-12 .panel-title,
  .col-md-6 .panel-title, .col-md-8 .panel-title,
  .col-md-12 .panel-title, .col-lg-6 .panel-title,
  .col-lg-8 .panel-title, .col-lg-12 .panel-title {
    font-size: 9.6px; }
  .col-xs-4 .labelClass, .col-sm-4 .labelClass,
  .col-md-4 .labelClass, .col-lg-4 .labelClass,
  .col-xs-4 .panel-title, .col-sm-4 .panel-title,
  .col-md-4 .panel-title, .col-lg-4 .panel-title {
    font-size: 9.6px; }
  .slideshowView .labelClass {
    font-size: 24px; }
  .col-xs-4 tspan, .col-sm-4 tspan,
  .col-md-4 tspan, .col-lg-4 tspan,
  .col-xs-6 tspan, .col-xs-8 tspan,
  .col-xs-12 tspan, .col-sm-6 tspan,
  .col-sm-8 tspan, .col-sm-12 tspan,
  .col-md-6 tspan, .col-md-8 tspan,
  .col-md-12 tspan, .col-lg-6 tspan,
  .col-lg-8 tspan, .col-lg-12 tspan {
    font-size: 7.8px; }
  .slideshowView tspan {
    font-size: 14px; }
  .dashboard-container h1.ng-binding {
    font-size: 13.2px; }
  .table.table-striped th,
  .table.table-striped td {
    font-size: 8.4px;
    padding-bottom: 4.8px;
    padding-top: 4.8px;
    padding-left: 4.8px;
    padding-right: 4.8px; }
  .table.widgetTable td.actionIcon {
    font-size: 8.4px;
    padding-bottom: 4.2px;
    padding-top: 4.2px;
    padding-left: 3.9px;
    padding-right: 3.9px; }
  .table.table-striped td.actionIcon {
    font-size: 9.6px;
    padding-bottom: 4.2px;
    padding-top: 4.2px;
    padding-left: 3.9px;
    padding-right: 3.9px; }
  .table.widgetTable > thead > tr > th,
  .table.widgetTable td {
    font-size: 7.2px;
    padding-bottom: 4.8px;
    padding-top: 4.8px;
    padding-left: 4.8px;
    padding-right: 4.8px; }
  .metricWidget .metricLabel {
    font-size: 8.4px; }
  .col-md-4 .metricWidget .metricLabel {
    font-size: 7.2px; }
  .metricWidget .metricRadio {
    padding-top: 4.2px;
    padding-left: 0px;
    padding-right: 2.4px; }
  .metricWidget .metricRadioLabel {
    padding: 0px 6px;
    font-size: 8.4px; }
  .col-md-4 .metricWidget .metricRadioLabel {
    padding: 0px 1.2px;
    font-size: 7.2px; }
  .metricWidget .metricValueCont {
    padding-left: 0px;
    padding-right: 0px; }
  .metricWidget .metricValueLabel {
    padding-left: 0px;
    padding-right: 4px;
    font-size: 8.4px; }
  .metricWidget .metricValueInput {
    padding: 0px; } }

.widget-type-procurementActions .ng-table-pager,
.widget-type-procurementActionsForCurUser .ng-table-pager,
.widget-type-myInventoryActions .ng-table-pager {
  display: none; }

.widget-type-procurementActions .widgetTable,
.widget-type-procurementActionsForCurUser .widgetTable,
.widget-type-myInventoryActions .widgetTable {
  margin-bottom: 0; }

.widget-type-procurementActions .view-all-link,
.widget-type-procurementActionsForCurUser .view-all-link,
.widget-type-myInventoryActions .view-all-link {
  padding-left: 8px;
  padding-top: 4px; }

.widgetTable > thead > tr > th {
  font-size: 12px;
  text-align: left;
  text-shadow: none; }

.widgetTable td {
  font-size: 12px; }

.no-border-on-invalid.ng-invalid {
  border: none !important; }

div.draggy:hover {
  cursor: move; }

.headerBlock.container {
  width: 100%;
  overflow-x: auto;
  padding: 0;
  margin: 0;
  min-height: 0%; }

.headerBlock .table.table-striped td {
  font-size: 11px;
  padding: 4px 2px;
  text-align: center;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  vertical-align: middle; }

.headerBlock .table.table-striped td.borderedCell {
  border-right: 2px solid #dddddd;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd; }

.headerBlock .table.table-striped th.actBorderedCell {
  border-bottom: 2px solid #dddddd;
  border-right: 2px solid #dddddd; }

.headerBlock .table.table-striped td.heavyBorderedCell {
  border-right: 3px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  border-top: 2px solid #dddddd; }

.headerBlock .table.table-striped th {
  font-weight: 500;
  background-color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 4px 2px;
  white-space: normal;
  vertical-align: middle;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.headerBlock .table.table-striped th.noWrap {
  white-space: nowrap; }

.headerBlock .table.table-striped th.noTop {
  border-top: 0; }

.headerBlock .table.table-striped th.noBottom,
.headerBlock .table.table-striped td.noBottom {
  border-bottom: 0; }

.cursor-pointer {
  cursor: pointer; }

.headerBlock .table.table-striped th.noRight,
.headerBlock .table.table-striped td.noRight {
  border-right: 0; }

.headerBlock.notFull .table.table-striped th.noRight,
.headerBlock.notFull .table.table-striped td.noRight {
  border-right: 2px solid #dddddd; }

.headerBlock .table.table-striped th.lessImportant,
.headerBlock .table.table-striped td.lessImportant {
  color: #8e8e8e;
  font-weight: normal; }

.headerBlock .table.table-striped th.moreImportant,
.headerBlock .table.table-striped td.moreImportant {
  font-weight: 500; }

.headerBlock .table.table-striped th.mostImportant,
.headerBlock .table.table-striped td.mostImportant {
  font-weight: 700; }

.headerBlock .table.table-striped th.normalImportance,
.headerBlock .table.table-striped td.normalImportance {
  font-weight: normal; }

.headerBlock .table.table-striped th.rightAlign,
.headerBlock .table.table-striped td.rightAlign {
  text-align: right;
  padding-right: 5px; }

.headerBlock .table.table-striped th.month-column {
  font-size: 11px;
  white-space: nowrap; }

.headerBlock .col-md-4 {
  padding: 0px; }

.borderedCell {
  border-right: 2px solid #dddddd;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd; }

.heavyBorderedCell {
  border-right: 3px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  border-top: 2px solid #dddddd; }

.heavyLeftBorderedCell {
  border-left: 3px solid #dddddd;
  border-top: 0px;
  border-right: 2px solid #dddddd; }

th.heavyLeftBorderedCell {
  border-bottom: 2px solid #dddddd; }

td.heavyLeftBorderedCell {
  border-bottom: 0px; }

.headerBlock .table-striped > tbody > tr:nth-child(odd) > td,
.headerBlock .table-striped > tbody > tr:nth-child(odd) > th.month-column {
  background-color: #f5f5f5; }

.headerBlock .table.table-striped > tbody > tr:hover > td,
.headerBlock .table.table-striped > tbody > tr:hover > th.month-column {
  background-color: #D1E3EF; }

.headerBlock .table.table-striped > tbody > tr.dataRows.selected > td,
.headerBlock .table.table-striped > tbody > tr.dataRows.selected > th.month-column {
  background-color: #D1E3EF; }

.headerBlock .table {
  border: 2px solid #dddddd;
  margin: 0; }

.headerBlock .table.table-striped > tbody > tr > td.goodCell,
.headerBlock .table.table-striped > tbody > tr.dataRows.selected > td.goodCell {
  background-color: #90FFA0; }

.headerBlock .table.table-striped > tbody > tr:nth-child(odd) > td.goodCell,
.headerBlock .table.table-striped > tbody > tr.dataRows.selected:nth-child(odd) > td.goodCell {
  background-color: #8BF79B; }

.headerBlock .table.table-striped > tbody > tr > td.badCell,
.headerBlock .table.table-striped > tbody > tr.dataRows.selected > td.badCell {
  background-color: #DD424F;
  color: white; }

.headerBlock .table.table-striped > tbody > tr:nth-child(odd) > td.badCell,
.headerBlock .table.table-striped > tbody > tr.dataRows.selected:nth-child(odd) > td.badCell {
  background-color: #CC3B47; }

.headerBlock .table.table-striped > tbody > tr > td.warningCell,
.headerBlock .table.table-striped > tbody > tr.dataRows.selected > td.warningCell {
  background-color: #FFFFA6; }

.headerBlock .table.table-striped > tbody > tr:nth-child(odd) > td.warningCell,
.headerBlock .table.table-striped > tbody > tr.dataRows.selected:nth-child(odd) > td.warningCell {
  background-color: #F7F7A1; }

.headerBlock .table.table-striped .category-header {
  border-bottom: 2px solid #dddddd; }

.slideshowControls {
  position: fixed;
  z-index: 100;
  bottom: 24px;
  left: 40%;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  padding: 16px;
  box-shadow: 2px 2px 10px 0px #AAA;
  -moz-user-select: none;
  -webkit-user-select: none; }

.slideshowControls .slideshowButtons a {
  color: #070707;
  background: #e0e0e0;
  padding: 4px;
  margin: 0px 2px;
  border-radius: 2px;
  font-size: 12px;
  cursor: pointer;
  width: 360px; }

.slideshowControls .slideshowButtons {
  display: inline-block;
  width: 120px; }

.slideshowControls .slideshowTimer {
  float: right; }

.slideshowControls .slideshowTimer .plusMinusHolder {
  color: #070707;
  background: #E0E0E0;
  border-radius: 2px;
  font-size: 10px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  vertical-align: bottom;
  padding-top: 4px; }

.slideshowControls .slideshowTimer .plusMinusHolder.disabled {
  color: #777777;
  cursor: not-allowed; }

.slideshowControls .slideshowTimer .plusMinusHolder:hover {
  text-decoration: none; }

.filtersToast {
  position: fixed;
  top: 16px;
  left: 45%;
  padding: 16px;
  background: #000;
  color: #F8F8F8;
  line-height: 16px;
  border-radius: 2px;
  cursor: pointer;
  z-index: 100;
  box-shadow: 2px 2px 10px 0px #AAA; }

.aui-dropdown li.dropdown-item.disabled a:hover {
  cursor: not-allowed; }

.dropdown-item.disabled:hover {
  cursor: not-allowed;
  background: #fff; }

.itemDrilldownCell {
  padding: 0px 8px; }

.itemDrilldownCell .taskIcon {
  text-decoration: none;
  color: #333;
  margin-right: 4px;
  font-size: 14px; }

.custom-legend .c3-legend-item-tile {
  display: block !important; }

.custom-legend .c3-axis-y .tick, .custom-legend .c3-axis-y2 .tick {
  display: block !important; }

.c3-grid line {
  stroke: #ddd !important; }

.dashboardHelpIcon {
  font-size: 18px;
  margin-top: 4px;
  margin-left: 4px; }

/* End dashboard formatting  */
.bottomDataClass span.lightColor {
  color: rgba(0, 0, 0, 0.54); }

.x-matrix-filter {
  float: left; }

#xMatrixFilter {
  float: left; }

#xMatrixFilter .dropdown-menu {
  margin-left: 40px;
  max-height: 400px;
  overflow: auto;
  z-index: 900; }

#xMatrixFilter .dropdown-header {
  font-size: 16px;
  color: black;
  background-color: #f5f5f5; }

#xMatrixFilter .dropdown-menu li.active {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

#xMatrixFilter .dropdown-menu li.active:hover {
  cursor: pointer;
  color: #262626;
  text-decoration: none;
  background-color: #F5F5F5; }

#documentUploadForm .drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 100%;
  height: 100px;
  text-align: center;
  line-height: 90px;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px; }

#documentUploadForm .dragover {
  border: 5px dashed #00FF00; }

#documentUploadForm .divider {
  border-bottom: 1px solid #d8d8d8; }

#documentUploadForm .file-details .document-button {
  position: relative;
  z-index: 0; }

#documentUploadForm .file-details .document-button:hover {
  background-color: transparent;
  z-index: 50; }

#documentUploadForm .file-details .document-button .document-preview {
  position: absolute;
  background-color: #f5f5f5;
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  display: none;
  color: black;
  text-decoration: none; }

#documentUploadForm .file-details .document-button .document-preview img {
  border-width: 0;
  padding: 2px;
  max-width: 400px; }

#documentUploadForm .file-details .document-button:hover .document-preview {
  display: block;
  top: 0;
  left: 60px; }

#editProject .title {
  width: calc(100% - 260px);
  padding-bottom: 8px; }

#editProject .newPageTitle {
  display: inline-block;
  padding-bottom: 0; }

#editProject .card-a3-icon {
  float: none;
  margin-right: 8px; }

#editProject .project-name {
  max-width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom; }

#editProject .project-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }

#editProject .details-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0; }

#editProject .title .fa-pencil {
  display: none;
  font-size: 18px; }

#editProject .title i:hover {
  cursor: pointer; }

#editProject .title .project-name-container:hover .fa-pencil {
  display: inline-block; }

#editProject.inside-panel {
  margin-left: 15px !important;
  width: calc(100% - 15px) !important;
  position: relative; }

#editProject.inside-panel .edit-project-container {
  width: calc(100% - 200px); }

#editProject.inside-panel .project-detail-section.right-section {
  width: 200px;
  top: 40px; }

#myAssignments #editProject.inside-panel .card-a3-icon {
  float: left;
  margin: 1px 8px 0 0; }

#editProject.inside-panel .newPageTitle {
  padding: 0;
  box-shadow: none;
  border-bottom: 0; }

.customChart.embedded {
  text-align: center;
  padding-top: 10px;
  /* hard set height to keep all charts the same */
  height: 358px; }

.customChart.embedded.noTitle {
  height: 269px; }

.customChart .singleChart {
  margin: 0px 10px;
  padding-top: 10px;
  border: 1px solid #d0d0d0;
  height: 100%; }

.noMetrics {
  padding-top: 10px; }

.noMetrics span {
  font-size: 16px; }

.embedded .no-record p {
  font-size: 18px;
  padding-top: 5%; }

.metric-modal .modal-footer {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px; }

.metric-modal .customChart.embedded {
  padding-left: 0px;
  padding-right: 0px; }

.metric-modal .modal-body {
  padding-left: 0px;
  padding-right: 0px; }

.metric-modal .ng-table-pager {
  display: none; }

.metric-modal .widgetTable {
  margin-bottom: 0px; }

.embeddedCharts .table-responsive.table-lg-rsp.overflow {
  max-height: 250px;
  overflow-y: scroll; }

/**
 The MIT License
 
 Copyright (c) 2013, Sebastian Sdorra
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 
 The above copyright notice and this permission notice shall be included in
 all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important; }

body .bodyDiv {
  background-color: #FFFFFF;
  margin: 0 0px; }

.outer td.ContentPanel {
  background-color: #FFFFFF;
  padding: 9px 15px 10px 0px; }

.edit .column {
  min-height: 120px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

pre.edit {
  margin-top: 15px; }

.column .placeholder {
  background: #E8E8E8;
  border: 1px dashed #505050;
  margin-bottom: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.widget h3 a {
  text-decoration: none; }

.dashboard-container h1 a {
  text-decoration: none; }

.dashboard-container a {
  text-decoration: none; }

.padding-bottom {
  padding-bottom: 5px; }

#layout-dialog .aui-dialog {
  border: none; }

.widgets .widget .panel-body {
  padding: 5px; }

.widgets .widget.widget-type-customTextWidget .panel-body {
  padding: 0px; }

.widget-type-customTextWidget .rdw-editor-main {
  padding-left: 15px;
  padding-right: 15px; }

.widget-type-customTextWidget.widget-mode-editing .panel-body {
  min-height: 75vh; }

.widget-type-customTextWidget.widget-mode-editing .panel-body .rdw-editor-main {
  min-height: calc(75vh - 137px); }

.widget-type-customTextWidget .panel-body .widgetCloseButton {
  display: none; }

.widget-type-customTextWidget .rdw-editor-toolbar {
  border: none; }

.widget-type-customTextWidget .rdw-option-wrapper, .widget-type-customTextWidget .rdw-dropdown-wrapper, .widget-type-customTextWidget .rdw-option-wrapper, .widget-type-customTextWidget .rdw-dropdown-wrapper:hover {
  background-color: #f1f1f1; }

.widget-type-customTextWidget .panel-heading {
  background-color: #fff;
  border: none;
  padding-top: 0;
  padding-bottom: 0; }

.widget-type-customTextWidget.widget-mode-editing .panel-body .widgetCloseButton {
  display: initial;
  position: absolute;
  top: 14px;
  right: 0px;
  width: 50px; }

.widget-type-customTextWidget.widget-mode-editing .panel-body .rdw-editor-toolbar {
  background: #f5f5f5;
  padding-right: 50px; }

.custom-text-static-content {
  word-wrap: break-word; }

.widgetHeading {
  width: 80%; }

.widgetControl {
  width: 20%;
  display: block;
  float: right; }

.widgetControl a,
.widgetControl a:hover {
  text-decoration: none; }

input.btn {
  box-sizing: border-box;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 3.01px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-variant: normal;
  font-weight: normal;
  height: 2.14285714em;
  line-height: 1.42857143;
  margin: 0;
  padding: 4px 10px;
  text-decoration: none;
  vertical-align: baseline;
  white-space: nowrap; }

.left_nav_open {
  background: url(../images/nav_child_closed_rtl.png) no-repeat;
  background-color: #f2f2f2;
  background-position: 3px;
  border: 1px #ddd solid;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  left: 225px;
  height: 25px;
  padding: 4px;
  vertical-align: middle;
  width: 16px; }

.left_nav_close {
  background: url(../images/nav_child_closed_ltr.png) no-repeat;
  background-color: #f2f2f2;
  background-position: 3px;
  /* border: 1px solid #ddd; */
  cursor: pointer;
  left: 0;
  height: 25px;
  padding: 4px;
  vertical-align: middle;
  width: 16px; }

.widget-icon .fa-table {
  vertical-align: middle; }

.view-report {
  font-size: 14px;
  text-decoration: underline !important; }

input.btn:focus,
input.btn:hover {
  background: #e9e9e9;
  border-color: #999;
  color: #000;
  text-decoration: none; }

h4.media-heading {
  color: #3b73af; }

.expandCollapse {
  padding-left: 5px;
  cursor: pointer;
  color: #0584E2; }

.list-unstyled li.widgetList {
  background-color: transparent;
  color: #3b73af; }

.list-unstyled li.widgetList {
  background: none;
  border: 0;
  color: #428bca;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.1428;
  padding: 7px 0px;
  margin: 0;
  text-align: left;
  text-decoration: underline;
  width: 100%; }

.list-unstyled li.widgetList.active {
  color: #000;
  text-decoration: none;
  font-weight: bold; }

.bottomLeft {
  width: 100%;
  float: left; }

table.table.table-striped.hideColumns tr td:nth-last-child(-n+2),
table.table.table-striped.hideColumns tr th:nth-last-child(-n+2) {
  display: none; }

#layout-dialog h2 a,
#layout-dialog h2 a:link,
#layout-dialog h2 a:visited,
#layout-dialog h2 a:hover,
#layout-dialog h2 a:active,
#layout-dialog h2 a:focus {
  background: transparent url("/jira/s/en_US-knbxng-1988229788/6261/14/3.3.4/_/download/resources/com.atlassian.gadgets.dashboard:dashboard/images/icons/close.png") no-repeat 0 0;
  display: block;
  height: 16px;
  position: absolute;
  right: .5em;
  text-indent: -9999px;
  top: .75em;
  width: 16px; }

.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
  background-color: transparent !important; }

.overflow {
  overflow: auto;
  border: 1px solid white;
  display: block;
  min-height: 0%; }

#layout-dialog .dialog-panel-body {
  padding: 10px 0 10px 16px; }

#layout-dialog p {
  margin: 0 0 1em 0;
  text-align: left; }

#layout-dialog ul {
  margin: 0;
  padding: 0; }

#layout-dialog ul li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#layout-dialog ul li span,
#layout-dialog ul li span:link,
#layout-dialog ul li a:visited {
  border: 1px solid #bbb;
  display: block;
  float: left;
  margin: 0 1em 1em 0;
  outline: none;
  padding: .35em;
  width: auto; }

#layout-dialog ul li span:hover,
#layout-dialog ul li span.active,
#layout-dialog ul li a:focus {
  border-color: #666; }

#layout-dialog ul li span strong {
  background: #fff url("../library/javascript/angular_dashboard/js/src/images/sprite-layouts.png") no-repeat 0 0;
  cursor: pointer;
  display: block;
  float: left;
  height: 37px;
  text-indent: -9999px;
  width: 68px; }

ul li span#layout-a strong {
  background-position: 0 0; }

ul li span#layout-aa strong {
  background-position: 0 -41px; }

ul li span#layout-ba strong {
  background-position: 0 -82px; }

ul li span#layout-ab strong {
  background-position: 0 -123px; }

ul li span#layout-aaa strong {
  background-position: 0 -163px; }

table.table.ng-table-responsive.ng-scope.ng-table, table.table.ng-table-responsive.ng-table {
  margin-bottom: 0px; }

table.table.ng-table-responsive.ng-scope.ng-table thead th, table.table.ng-table-responsive.ng-table thead th {
  text-align: left;
  font-size: 12px; }

table.table.ng-table-responsive.ng-scope.ng-table tbody td, table.table.ng-table-responsive.ng-table tbody td {
  text-align: left !important;
  font-size: 12px; }

.ng-table-pager .pagination {
  margin: 0;
  padding: 0;
  font-size: 11px; }

.pagination > li > a,
.pagination > li > span {
  padding: 3px 12px !important; }

#layout-a.active strong,
#layout-dialog #layout-a:hover strong,
#layout-dialog #layout-a:active strong,
#layout-dialog #layout-a:focus strong {
  background-position: -72px -1px; }

#layout-aa.active strong,
#layout-dialog #layout-aa:hover strong,
#layout-dialog #layout-aa:active strong,
#layout-dialog #layout-aa:focus strong {
  background-position: -72px -41px; }

#layout-ba.active strong,
#layout-dialog #layout-ba:hover strong,
#layout-dialog #layout-ba:active strong,
#layout-dialog #layout-ba:focus strong {
  background-position: -72px -82px; }

#layout-ab.active strong,
#layout-dialog #layout-ab:hover strong,
#layout-dialog #layout-ab:active strong,
#layout-dialog #layout-ab:focus strong {
  background-position: -72px -122px; }

#layout-aaa.active strong,
#layout-dialog #layout-aaa:hover strong,
#layout-dialog #layout-aaa:active strong,
#layout-dialog #layout-aaa:focus strong {
  background-position: -72px -163px; }

.layout-a ul li a#layout-a,
.layout-aa ul li a#layout-aa,
.layout-ba ul li a#layout-ba,
.layout-ab ul li a#layout-ab,
.layout-aaa ul li a#layout-aaa {
  background-color: #eee;
  border-color: #666; }

.panel-heading:hover {
  cursor: move; }

.disabled .panel-heading:hover,
.panel-heading.read-only:hover {
  cursor: default; }

.navigationLinks,
#toolbar,
.bPageFooter .body a {
  font-size: 12px;
  color: black; }

.bPageFooter .copyright {
  line-height: 21.6000003814697px;
  font-size: 12px;
  color: black; }

.navigationLinks a:-webkit-any-link {
  color: -webkit-link;
  text-decoration: underline;
  cursor: auto; }

.multifactory .poweredBy a,
.searchFooter a {
  font-weight: normal;
  font-size: 11px !important;
  text-decoration: none;
  margin-right: 0.5em;
  color: black; }

.tabNavigation * {
  box-sizing: content-box; }

.tabsNewBar .tab a {
  font-size: 11px !important; }

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

.sidebarModuleHeader h2,
.sidebarModuleHeaderCustom h2 {
  margin: 0;
  font-size: 12px;
  font-weight: bold; }

.sidebarModule .sidebarModuleBodyCustom {
  font-size: 12px;
  line-height: normal; }

.contactBlock .mruItem a {
  text-decoration: underline; }

.contactBlock .mruItem .mruText {
  font-size: 12px;
  line-height: normal;
  color: #333333; }

.menuButtonButton,
.standardSearchElementBody input {
  font-size: 12px !important; }

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

.standardSearchElementBody .btn {
  padding: 0px 0px 0px 0px;
  margin-top: 3px; }

.filterDiv {
  font-size: 16px;
  display: inline-block;
  margin-top: 4px; }

.title-container {
  display: flex;
  align-items: center;
  padding-right: 24px;
  margin-bottom: 8px; }

.title-container h1 {
  margin-bottom: 0; }

.title-container .title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px; }

.title-container .shared-view-owner {
  margin-left: 8px;
  white-space: nowrap;
  color: #888;
  font-size: 14px; }

.operations,
.filtersList {
  list-style: none;
  margin: 0;
  padding: 0; }

.operations > li {
  background: #f2f2f2;
  background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%);
  background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
  border-color: #ccc;
  border-radius: 3.01px;
  border-style: solid;
  border-width: 1px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-family: inherit;
  font-variant: normal;
  margin: 0 10px 0 0;
  padding: 4px 10px;
  text-decoration: none;
  vertical-align: baseline;
  line-height: 20px;
  background: transparent;
  border-color: transparent;
  color: #707070;
  margin: 0;
  padding: 0;
  position: relative; }

.filtersList > li {
  display: inline-block;
  border-color: #999;
  min-width: 50px;
  max-width: 400px;
  text-align: left; }

.filtersList > li > span {
  position: relative; }

.operations > li::-moz-focus-inner,
.filtersList > li::-moz-focus-inner {
  border: 0;
  padding: 0; }

.operations > li.disabled {
  color: #a0a0a0; }

.operations > li.disabled:hover {
  background: transparent;
  border-color: transparent;
  color: #a0a0a0;
  text-decoration: none; }

.operations > li:focus,
.operations > li:hover,
.filtersList > li:focus,
.filtersList > li:hover {
  background: #f7f7f7;
  background: -webkit-linear-gradient(top, #fff 0, #f7f7f7 100%);
  background: -moz-linear-gradient(top, #fff 0, #f7f7f7 100%);
  background: -ms-linear-gradient(top, #fff 0, #f7f7f7 100%);
  background: -o-linear-gradient(top, #fff 0, #f7f7f7 100%);
  background: linear-gradient(to bottom, #fff 0, #f7f7f7 100%);
  border-color: #999;
  color: #000;
  text-decoration: none; }

.operations > li.disabled > a {
  cursor: default; }

.operations > li > a,
.filtersList > li > a {
  background-position: 6px 6px;
  color: inherit;
  display: block;
  margin: 0;
  padding: 4px 10px; }

.filtersList .multiSelectButton .multiSelectEdit {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top; }

.filtersList .multiSelectButton .multiSelectClose {
  display: inline-block;
  float: right;
  vertical-align: top; }

.filtersList .multiSelectButton .multiSelectEdit a,
.filtersList .multiSelectButton .multiSelectClose a {
  color: inherit;
  display: inline-block; }

.operations > li > a:hover,
.operations > li > a:focus,
.operations > li > a:active,
.filtersList > li > a:hover,
.filtersList > li > a:focus,
.filtersList > li > a:active,
.filtersList .multiSelectButton .multiSelectEdit a:hover,
.filtersList .multiSelectButton .multiSelectEdit a:focus,
.filtersList .multiSelectButton .multiSelectEdit a:active,
.filtersList .multiSelectButton .multiSelectClose a:hover,
.filtersList .multiSelectButton .multiSelectClose a:focus,
.filtersList .multiSelectButton .multiSelectClose a:active {
  text-decoration: none;
  color: inherit; }

.dashboard-container .filtersList > li {
  margin-bottom: 8px; }

@media (min-width: 992px) {
  .dashboard-container .filtersList .multiSelectButton .multiSelectEdit {
    max-width: 100px;
    /* Firefox */
    max-width: -moz-calc(100% - 13px);
    /* WebKit */
    max-width: -webkit-calc(100% - 13px);
    /* Opera */
    max-width: -o-calc(100% - 13px);
    /* Standard */
    max-width: calc(100% - 13px); }
  .dashboard-container .operations > li {
    font-size: 14px; }
  .dashboard-container .filtersList > li {
    font-size: 14px; }
  .dashboard-container .filtersList > li > a.addFilterClass {
    font-size: 14px; }
  .dashboard-container .operations > li > a,
  .dashboard-container .filtersList > li > a {
    padding: 4px 10px; }
  .dashboard-container .filtersList .multi-select-link {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 2px; }
  .dashboard-container .filtersList .multi-select-remove {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px; }
  .dashboard-container .filtersList .multi-select-remove .multi-select-remove-span {
    position: relative;
    bottom: 6px; }
  .mainHeaderContainer .widgetHeading {
    width: 110px;
    /* Firefox */
    width: -moz-calc(100% - 120px);
    /* WebKit */
    width: -webkit-calc(100% - 120px);
    /* Opera */
    width: -o-calc(100% - 120px);
    /* Standard */
    width: calc(100% - 120px); }
  .mainHeaderContainer .widgetControl {
    width: 160px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .dashboard-container .filtersList .multiSelectButton .multiSelectEdit {
    max-width: 100px;
    /* Firefox */
    max-width: -moz-calc(100% - 11px);
    /* WebKit */
    max-width: -webkit-calc(100% - 11px);
    /* Opera */
    max-width: -o-calc(100% - 11px);
    /* Standard */
    max-width: calc(100% - 11px); }
  .dashboard-container .operations > li {
    font-size: 11.2px; }
  .dashboard-container .filtersList > li {
    font-size: 11.2px; }
  .dashboard-container .filtersList > li > a.addFilterClass {
    font-size: 11.2px; }
  .dashboard-container .operations > li > a,
  .dashboard-container .filtersList > li > a {
    padding: 3.2px 8px; }
  .dashboard-container .filtersList .multi-select-link {
    padding-top: 3.2px;
    padding-bottom: 3.2px;
    padding-left: 8px;
    padding-right: 1.6px; }
  .dashboard-container .filtersList .multi-select-remove {
    padding-top: 3.2px;
    padding-bottom: 3.2px;
    padding-left: 1.6px;
    padding-right: 1.6px; }
  .dashboard-container .filtersList .multi-select-remove .multi-select-remove-span {
    position: relative;
    bottom: 6px; }
  .mainHeaderContainer .widgetHeading {
    width: 100px;
    /* Firefox */
    width: -moz-calc(100% - 96px);
    /* WebKit */
    width: -webkit-calc(100% - 96px);
    /* Opera */
    width: -o-calc(100% - 96px);
    /* Standard */
    width: calc(100% - 96px); }
  .mainHeaderContainer .widgetControl {
    width: 140px; } }

@media (max-width: 767px) {
  .dashboard-container .filtersList .multiSelectButton .multiSelectEdit {
    max-width: 100px;
    /* Firefox */
    max-width: -moz-calc(100% - 8px);
    /* WebKit */
    max-width: -webkit-calc(100% - 8px);
    /* Opera */
    max-width: -o-calc(100% - 8px);
    /* Standard */
    max-width: calc(100% - 8px); }
  .dashboard-container .operations > li {
    font-size: 8.4px; }
  .dashboard-container .filtersList > li {
    font-size: 8.4px; }
  .dashboard-container .filtersList > li > a.addFilterClass {
    font-size: 8.4px; }
  .dashboard-container .operations > li > a,
  .dashboard-container .filtersList > li > a {
    padding: 2.4px 6px; }
  .dashboard-container .filtersList .multi-select-link {
    padding-top: 2.4px;
    padding-bottom: 2.4px;
    padding-left: 6px;
    padding-right: 1.2px; }
  .dashboard-container .filtersList .multi-select-remove {
    padding-top: 2.4px;
    padding-bottom: 2.4px;
    padding-left: 1.2px;
    padding-right: 1.2px; }
  .dashboard-container .filtersList .multi-select-remove .multi-select-remove-span {
    position: relative;
    bottom: 6px; }
  .mainHeaderContainer .widgetHeading {
    width: 100px;
    /* Firefox */
    width: -moz-calc(100% - 72px);
    /* WebKit */
    width: -webkit-calc(100% - 72px);
    /* Opera */
    width: -o-calc(100% - 72px);
    /* Standard */
    width: calc(100% - 72px); }
  .mainHeaderContainer .widgetControl {
    width: 72px; } }

/**/
.aui-dd-parent .aui-dropdown,
.aui-dropdown,
.aui-dd-parent .aui-shadow-parent {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  color: #000;
  margin-top: -1px;
  padding: 4px 0 4px 0;
  position: absolute;
  z-index: 2003; }

.aui-dropdown {
  list-style-type: none; }

.aui-dd-parent .aui-dropdown li.dropdown-item,
.aui-dropdown li.dropdown-item {
  background: #fff;
  color: #000;
  display: block;
  float: none;
  margin: 0;
  position: static; }

.aui-dropdown li.dropdown-item.disabled {
  color: #a0a0a0; }

.aui-page-header-actions .aui-dropdown {
  text-align: left; }

.aui-dd-parent .aui-dropdown-right {
  right: 0px; }

.aui-dd-parent .aui-dropdown a.item-link,
.aui-dropdown a.item-link {
  display: block; }

.aui-dd-parent .aui-dropdown a.item-link,
.aui-dropdown a.item-link {
  background: #fff;
  color: #333;
  display: inline-block;
  float: none;
  height: auto;
  padding: 4px 14px 3px 12px;
  position: static;
  text-decoration: none;
  text-indent: 0;
  white-space: nowrap;
  width: 100%; }

.aui-dropdown li.dropdown-item.disabled > a.item-link {
  background: #fff;
  color: #a0a0a0; }

.aui-dropdown li.dropdown-item.disabled > a.item-link:hover,
.aui-dropdown li.dropdown-item.disabled > a.item-link:focus {
  color: #a0a0a0;
  text-decoration: none;
  cursor: default;
  background-color: transparent; }

.aui-dropdown li.dropdown-item.active a.item-link:hover,
.aui-dd-parent .aui-dropdown li.dropdown-item.active a.item-link:hover,
.aui-dropdown a.item-link:hover,
.aui-dd-parent .aui-dropdown a.item-link:hover,
.aui-dropdown li.dropdown-item.active a.item-link:focus,
.aui-dd-parent .aui-dropdown li.dropdown-item.active a.item-link:focus,
.aui-dropdown a.item-link:focus,
.aui-dd-parent .aui-dropdown a.item-link:focus,
.aui-dropdown li.dropdown-item.active a.item-link:active,
.aui-dd-parent .aui-dropdown li.dropdown-item.active a.item-link:active,
.aui-dropdown a.item-link:active,
.aui-dd-parent .aui-dropdown a.item-link:active {
  background-color: #326ca6;
  color: #fff; }

a.item-link:hover {
  cursor: pointer; }

/**/
/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -41.6%; }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -41.6%; }
  .row-offcanvas-right.active {
    right: 41.6%; }
  .row-offcanvas-left.active {
    left: 41.6%; }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 41.6%; }
  #sidebar {
    background-color: #3b3b3b;
    padding-top: 0; }
  #sidebar .nav > li {
    color: #ddd;
    background: linear-gradient(#3E3E3E, #383838);
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2E2E2E; }
  #sidebar .nav > li:first-child {
    border-top: 0; }
  #sidebar .nav > li > a {
    color: #ddd; }
  #sidebar .nav > li > a > img {
    max-width: 14px; }
  #sidebar .nav > li > a:hover,
  #sidebar .nav > li > a:focus {
    text-decoration: none;
    background: linear-gradient(#373737, #323232);
    color: #fff; }
  #sidebar .nav .caret {
    border-top-color: #fff;
    border-bottom-color: #fff; }
  #sidebar .nav a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff; } }

#sidebar .nav .active a {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.wrapper-container {
  width: 100%;
  float: left; }

.padding-left230 {
  padding-left: 175px; }

.padding-left0 {
  padding-left: 30px; }

.sidebarDiv {
  position: absolute;
  width: 160px;
  float: left;
  height: 100%; }

.navleft0 {
  left: 0px; }

.navleft200 {
  left: -147px; }

.btn-menu {
  float: right; }

.margin-rightClose {
  margin-right: 0px; }

.margin-rightOpen {
  margin-right: 0px; }

.navItems {
  overflow: hidden;
  width: 144px;
  height: 100%; }

.individual-spinner {
  width: 12px;
  height: 12px;
  margin-left: 0.5em;
  display: inline-block;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: individual-spinner 400ms linear infinite;
  -moz-animation: individual-spinner 400ms linear infinite;
  -ms-animation: individual-spinner 400ms linear infinite;
  -o-animation: individual-spinner 400ms linear infinite;
  animation: individual-spinner 400ms linear infinite; }

.loading-spinner {
  height: 3em;
  width: 3em;
  border: solid 4px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  position: absolute;
  top: calc(100% + 1.5em);
  left: calc(50% - 1.5em);
  border-radius: 4em;
  animation: individual-spinner 400ms linear infinite; }

@-webkit-keyframes individual-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes individual-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes individual-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes individual-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes individual-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }

.circleDisplay {
  background-repeat: no-repeat;
  text-align: center;
  margin: auto;
  width: 12px;
  height: 12px; }

.circleGreen {
  background: url("/application/library/ui_images/xmatrix/sprite.png");
  background-position: 0 -48px; }

.circleGreenChecked {
  background: url("/application/library/ui_images/xmatrix/sprite.png");
  background-position: 0 -36px; }

.circleRed {
  background: url("/application/library/ui_images/xmatrix/sprite.png");
  background-position: 0 -12px; }

.circleYellow {
  background: url("/application/library/ui_images/xmatrix/sprite.png");
  background-position: 0 -24px; }

.no-red-border.ng-invalid {
  border: none !important; }

.expandedTitle {
  font-size: 14px;
  font-weight: bold;
  padding: 16px 4px 4px 4px;
  color: rgba(0, 0, 0, 0.87); }

.dashboard .widget.panel {
  border-radius: 2px; }

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

.rollup-summary {
  cursor: pointer; }

.rollup-summary > .expander > .cell-div::before {
  content: '\f0fe';
  display: inline-block;
  margin-right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.rollup-summary.expanded > .expander > .cell-div::before {
  content: '\f146'; }

.rollup-summary.expanded {
  font-weight: bold; }

.rollup-detail {
  background: #f6f6f6; }

.rollup-detail > .expander .cell-div {
  padding-left: 24px !important; }

.rollup-detail > .expander {
  position: relative; }

.rollup-detail > .expander::before {
  display: block;
  position: absolute;
  content: '';
  border-left: 2px solid #b3b8bd;
  border-bottom: 2px solid #b3b8bd;
  width: 8px;
  left: 1em;
  top: -10px;
  bottom: 9px; }

.rollup-detail:first-child > .expander::before {
  top: 0; }

.rollup-detail:last-child > .expander::before {
  border-radius: 0 0 0 4px; }

.uib-modal-z-above-pendo {
  z-index: 300002 !important; }

.uib-modal-backdrop-z-above-pendo {
  z-index: 300001 !important; }

.uib-modal-excel-z-above-all {
  z-index: 300132 !important; }

.uib-modal-excel-backdrop-z-above-all {
  z-index: 300131 !important; }

#reportCardModal .side-header {
  width: 29px; }

#reportCardModal .side-header-text {
  width: 29px; }

:root {
  /* css variables to share between here and react scss at the same time */
  /* when deleting here - check React styles too */
  --oldNavHeight: 50px;
  --oldNavWidth: 180px;
  --embeddedBodyPadding: 24px;
  --embeddedBodyPaddingTop: 16px;
  --regularNav: 168px;
  --collapsedNav: 56px;
  --secondaryNav: 220px;
  --wideNavWithSecondary: calc(var(--regularNav) + var(--secondaryNav));
  --collapsedNavWithSecondary: calc(var(--collapsedNav) + var(--secondaryNav));
  --optOutBannerHeight: 50px;
  --defaultTransitionDuration: 300ms;
  /* also update constants.js if updating this */
  --defaultTransitionFunction: ease; }

html,
body {
  height: 100%;
  margin: 0 auto;
  overflow-y: hidden;
  -ms-overflow-style: scrollbar; }

.main-view {
  height: calc(100% - 54px); }

.main-view.navBanner {
  height: calc(100% - 104px); }

.main-view-new {
  height: 100%; }
  @media (max-width: 1024px) {
    .main-view-new {
      height: calc(100% - 40px); } }

.main-view-new.navBanner {
  height: calc(100% - var(--optOutBannerHeight)); }
  @media (max-width: 1024px) {
    .main-view-new.navBanner {
      height: calc(100% - 90px); } }

.main-view-new-preview {
  height: calc(100% - 40px); }
  @media (max-width: 1024px) {
    .main-view-new-preview {
      height: calc(100% - 80px); } }

.main-view.banner {
  height: calc(100% - 104px); }

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.history-tooltip {
  top: 0 !important; }

:focus {
  outline: none; }

#handlebarContainer.handlebarHidden {
  display: none; }

.navbar-brand {
  padding: 10px 15px;
  padding-left: 24px; }

.navbar-brand-logo {
  width: 102px;
  height: 30px;
  background-size: 102px 27px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAAA2CAYAAACLK3aNAAAABGdBTUEAALGPC/xhBQAAEXtJREFUeAHtnAnQHkURhv25xHCVcsoZUsopKHKWCoGgpYAokAhEpZBDEVBQCgoKKf5wy1VegIgKEizQaKlcEkAOEQIihxzhNBBjOAUBATkCxOf92Fl6e2d250tCDrJd9WZ6ut/unZ1/Znd2dr8MvGsWyvTp0xcg3cZgU/ARsA5YHvxvYGBgXcpS4I6mshm4EUzAP6V0dkrXA+/UHmDgD4BPgbHg3yAmd/jzhzTKEadSPwds5LldveuBeb4HGNgLgn3BJNAmr0IYYk+a+kLg/kTgjdhHg4VtTKd3PTBP9gADeWtwF+hHvulPluCPgpcbkuiuM9LHdfWuB+aJHmDwDgO/bxjgTa7HcL7Xnyi2HcFrTYH4xoHlfGxX73pgru0BBuy24HkwM3JB7ARJqOXXtJbEej7aJRbf2boemKt6gIG6H2i7C7SM99J9cOzk8G4P/ley0srhsfjO1vXAHO8BxuwC4NT02G31TIRxIbgS3AdeBK+DnWMnh30z8CRokxNi8Z2t64E52gOM2nPaRm7Cfzn2tXzjsS0P9gCaQNt7v+rY9Zx0D2iTH0EYiOXobF0PzPYeYDAe0DZiE/7z7UBG113qQPAosKKt5l1jJ4Z9KXCFJSf0Y2Lxna3rgdnaAwzO4aDtITw2hjUpFreNpX5QjFjYtDzbx/KDjl3vac4oeKlC8SNCTFd2PTDbe4ABuDJ4IjVCW+w/9g2Gr+VXmxzm40KdwEPAGw0JNEm7LefQYV05e3uAwXdVw+Bsc53qW0vAT9uCCv8PKfUtWk2wfxG8UvBixXiM3fNMrec6w9vaAww6fRM2M/In30CSrQtyl3d6Kfoen0N17CPAcyAlo2Jxne2d1wMMgLnj4khD/pYajZl2PVMM838ibFpW5Yq+I1vG51Ad+4bgmUSiO7DPUEfafLHjzs822zcR/b/YJoObwPfBTiB6wfN9CM/LlZ6TqvvAFC9lJ/5un0O2FD9qJ2BkJMmMmP4QOwCJzuwj2b1wV0nk2Rhf6ouDHWIxbTbbrjbu/Oa3fZOp6z3akWCxpr5K5PpsU0zw+dhgzymJXdvHm/raOTl05dYn+hqks0q+7A9MYm0vn93HAabArb3LUV7s2wHdzbzc5o+bU7dJcvjzE8f2TZ/6RPjRv5/6L5FLL7cXautfH9vGt35iB328qQ9ablInYEsTNCvUF0miH5BVBJsm5vf6OIC+H9ugkqSoYD82kWd4jN9ks3maePOjz/ZNoeuFsTZoTgPnAW0Spe74Wj5/MNZv2FNyQIxvbT7Q+tp0Yu1y7HHqdjMpb1lG0Fm+EX3UtY7Vm/1zwWXgLqBvwrTdW3ue0QlhPwg0bRXjLkWTRr/crAi2RcCDJest5aQKMaPyVuj06Rn0+Ypi+6bQa8+J2PXbqM+D2DOw7jS15Rm2lDyN431NnewDm7jWR9w6Llbj/lpna16WQdZVX4OyX9HMPAT4H4YNwfZRcChQY1azjQ46dn3WrztRjkyCFPtpQOxrhDvDMXJL24DcmPmFZ/um0GsTJvQFfr1s1t3HS+09myPoDmU3c34QcsZKF5t9kSNu0MXuQv07zjYYO2Zpg7yeC8ip6u5QeUCjvgq4APg7h55F1igPaBTsG4JHQI78xIT2VII2SASu7LlNdZujiZfrI5/64nigu+0LQNvhd4ITwIo5eeC9H+wPLgH/ALprK8/t4CiwVCwP9kXBWPBLsGfgFPY9KK8Guvv/F0wAp4Nkm/B5SU4Yc6zfuiC9CK/snjm/LthHG9ur6GuGfL40vJ7q/ak6ZN3tgmicLgc2CYaibF6WQfqGC8ip/tQ3iqCbGwLVYev7GNWxrwRubYgNLg2YyotN6ppwMdk7dqyUzSZIcXLt5NoPaJKkRAN1p1Q+fKuCs4FdW1OtiQZ9bfmAbXHD7O1YUv84eNDYvaq1/BaxNnki9ZwJo8n+sov1F1jrVn8tDZ43xotj7ZHNcHpqimftEP1y7I4i1wL4/uNy1vq1zAWxn+3ekPeTZQIUjEsGR0OpRn3MxgUd+2Lg0oZYue4P/FBiOzkRc1rg5JQ2Rw4/xSHPkSaXrppfBcOABtAoEAbtNPStfB5sSwHdRYLoKngLOAecAfS+Q7FB/h7Job4MorvRV4CN0TPCZKDcVqZSqf0fCpZQ6K0TRm2Cqw0BK6fYtloH+htFjP97VsZZiHexWUsyYsa4uBNNvl85X3pZBvEaR86pbh4OVpyonoN0lWqTlyBEr67Ytf79WZHg9aLUH/XJwv4Bd8xPYn+t4Pnit5bbptvgNm7KT45tQBiEuvWv6rnYlgVhWaBl1oIRzunYdf6/AEMjfv1/CrpLBfm05WC0E8b2j5bL5V0efQlwGrCyu80l3ToLPXfC7O5ib7C5nU/VRcEKQGMkiJaxsT4K/l5p86Z0iKHfQ+zwwMWwWzAWZXpZBuFhR86pHhgOFkqCvpUTCEeDIbl1iE/rc53cweDDoHLVo74SOAbYqybVilwf2pVT2sgcvucQr9v6A0Uend8mnhPq+HYueCo+F+yhxLYMKAd2sNsSv71aVi4O+IYAKxqAyZ924xtvyBfZ40g3vqDmThj/bDzJ5g7JTNnbSaPuJ/HXbFysTd7v6+T0y7FnsS0UeOjLAv3drNR2Znt8GLpF9yt6mPXPExo0V/SR6BS40c7HfqDJo6u27l53gCkgXMVRk/Jg6Iyc0mbJ4XsO8TuaHOd6v63D0xas7pqSxt0gG2d14tbqRb/5z63O9x7jk1pZDViudPzbGf7tEb9x99To3ywSt6ILfMZynE/VxeWn1PL1BRkK0fPvki62MgasL6YTP1jkCsU4z8Px1+AsyviyDGfbw6XLU1Zrv2PBozW41s25MhZiOdPtSWDXHWZG5Xmbq023B2njxvzEh6WkUo2KcawNzg0iIskHW8v3OnH2LvKo9ePT0qYU64vpEIeVZF4veI7xBTV3wvjn2mk2d0hmyiWCH9ugsUv9bvCppG6XmtOtL6bDv1tJjMSWnoPGLzW+LMOhLbwZEd3WKs8Vxcno9nZbHwkvgVvZcgwnjf20PvJY6qshR05pA3P4nkP8/SaHlox6HmvCrwv+RJ8rVoe7BtA6Wx84Xgrs8V6zMfj6nTCNfPJ5yZ0wq7rAymR0PlXLuwi6nsO0CxhEO26rh/NEr1zkgz1WwvXLMS29ar+fwrYp8FJflsHQ7tWMih7KyitDaDA23Wn+0kfS6xN5tHy5uY88gfp0aEtOGYJU5vA9hzD7EG7Ttekv+FyhTuDqQLtGD7UlCTEq4b7b8q0vpTfxra/QcyfMxi62ssvpfKpW3itR38txzgvtx243Bhr/ZnAHXZ7aslN54eiR4inHHQzHLEsIkx0pVX0Yx2/A2eByMBFMA1eBd5cJC0U2MA7kyp8h1u402D4EKmvWjISTfXua6jZfEy/mI1aT2oramotXfE5iFwE/AOrbIHo/cTE4HHwWjACl2BwY55YJ882ygW8qld9KOZ+q5R1G50NdA1gX5CBahvW+S6OsXKDs+Xsdrsapl9Tfx/PqyzIYGqhNMhXnNqByZaG+PNga6CqoiRSbNAPYjwe5Ul5F7IkT/MfcBAXvWhvfptvcbdyYn/gXTI6hMU6OjRxaxukCFORelNFgURtPfdVAUOl8mnClWF9KL8konmN9hV4ZB54f6nC1dLQyJvhUWkehx1Yqn3G8XxSxdrlWa7M4EmL9csyly6pWl2WE2AdWn+FJDCu9efg3/6U+HNwKvFyJofaRXdHw3fFV1p0+2NQ/b49XxB9q/Dlq7UsEn9PWbUJrz9WJn2RyRN8z5eQix7dNnovQKxMl5MDeNGEWNjmSgynkUtnEt75Cb50w8NYCuopb2Sp1zIJUmzBF27SaCaK7rjYpHggGlTav1XENyj+TMmhzqrP2bUhY2b+HpxdLLzbwtftTWYuGg2HfHPg1YizVhSEmlJD6nTD7hdic0jYih+85xJ9ncpzs/bl1cvzd5FktFQenacLoLlVKKoe1l2QUa5dufYXeOGHgaMLqmdTKP6hUXkBaZ6H3tpUjx18f/+uGrwt8ZSfWx4Q6PL8cOyL4UiUxvzTHklrdmMEw1BFCVTsTlWUW9R2Cs6HUDtnysQZh/yCwV+NYmjNtLAStZft98B9qc7TpthFt3Jif+C+aHFpfrxDjtdmICxejfzVx4c2VE4Z2DQHjgJev+/PxBOrRCaM4fD83fO3qPm7qtUlexKxjOYW+oW+Hr8P7UiSutiy7J0KKPZCuHeHFTA9jXNM3pjiR5fDd4oJ0+54KTgCVWzP1QdCP1B/UYg0xNpvcmLNV4nVV/afJo6tU45U4lpyYKUUOXaxS76e0yfDDgtcrbC4MlU0I60vpqVziW1+h184LuzYaNNDuKzi2mECl8rVGIm90OV9wVyRHuJjY3D1dHC84xjjiE9RrbY/ELQvP3tGUprYsO1XWiGwQSfj7CC9m0hcEn/DxqmNfHFwG9A5mL1B5Tio462I/H/Qr5Ud1sWPHbPYAMX+OjRw72TzoOrf3+VjZwLFgj4hPO2FBjoz418R5XSCE0vKw6Y5civWl9JKM4jnWV+g/otSE1TsyXRiuBS+BmOhOsLLPqXqEnJwwBf/oSEzPlMjvl2PnxngxG0n9iqa2LNs60ZgzfEJ4ukPobpAj6siRPofq2HVV/p1JoiuIHubU2EeMvV91i9jxmmz9HiDwfU7s/o+qd1xjwZFAg+xPQFvEEu30DLE5qPtdoeuxHQ+OA+NBuPLdhX4T6InL8XZPmHDYtlJL89oHqKGtkeBKXwReKOHrIvtYJC42yXWx9TI65GorCTzKB1N/a1lGRZ0cW5ZNqxCLI2FbD2gw5Ij+yPvEGoldk8ZeVXPyNXHux1l5uIwd19uaEjb5fB7V4e8N9BVEk2gburb8LOJPaghUX54OFgO60vfEtgODtvJLsb6UXpJRPMf6MvUn4R0Gau/UbO5Irka+Yon5WiQu1uYxjqd+W9oev0mHu5mLV3WwEoNh1whJJu3cVB7+FYhtfVB5+KLeJNEdCgL0x9fVaFZI9lXEnvyMHtjmsDr5lgba2bsOaO0cHlRVPwIsa/lex78l0IVkMtCdVxez74N1Axf9cNCTYAtlsKsMtqayiW99EV1tmwL0TKol2kjQeKcI7YDnJWfC6Pnsbh8YcoYS/0THuTH4ckpidQPRI4WV2rJMpNhdRkFjYwfC/gGgP2qunJrIszoJdNWdGbmL4MoX1LFjdbauB2ZZDzDgUncZDeTjYwfCvhLQp/e5clwiz8G5CRK8GX5hGGtPZ+t6oLUHGIi6y+hBMyWpwa4HsktSQRH7br4xcJYEz0e4OaYbIbVuGfpjdvWuB2a6Bxh4K4OnGkbpSbGDwNdk0zo7R56DtIzPg21CTrDjaK25ms/V1bsemG09wADcFuhlYko0MaJXdOz7g9dSgca+pz8hfNpS7ke0+/EZn6erdz0w23uAgXhiy8g9H/8isYZh3w60La+2srHw1wCaAP3IGJuj07semGM9wKhdCGhSNMnVOFMfW26AL7yADG+C9e7mGrCjPTHqen7pd2v5N8R0u2K2Izt9zvaABiTQi7Im0Q5Z9H9OxD4M6O39meBzQF8JlEs59EXBF8BDoB85A3I3Webs8OiOnuoBBuexLaN5Cv63Ph0wibCvBuyE0O9iHgaTQO5vZKCWEn0Bag7ZqV0PzPkeYLh+HTS9XNRyK/pf+mBfBWiCzIy8THBto2DO90zXgq4HEj3AgB0KxjeMeg3q2i8mlQ77WuDZhtgml45Z+x9qEs3szF0PzF09wODdDaTe1eiDzcovNUPrsY8C/chUyKNCfFd2PTDP9gADWf+V0gEg9v2ZJs32sZPDnvNFgL46Pgwkf4UXy93Zuh6YJ3qAgT0c/AqE7WPU3vNO+XVtOBHsI+SMiN7+nwWi/8N/iO/KrgfmZA+UW7yzohEMdv0U9UNgY7AReH1gYGBfylLg6DNu/fem+t36Q+AWoM+vJ8B9ibKTrgfm2h74P20mgx7x/TzrAAAAAElFTkSuQmCC);
  background-position: center center; }

.release-notes-new {
  font-family: sans-serif;
  font-size: 12px;
  color: #0584E2; }

body .bodyDiv {
  padding-top: 54px;
  margin: 0 10px 0px 0px !important; }

body .bodyDiv.noMargin {
  margin: 0 !important; }

.leftNavSearch {
  padding-top: 10px;
  padding-left: 8px;
  padding-right: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #ddd;
  background: #EEEEEE; }

.input-group.leftNavSearch .form-control {
  border-top-left-radius: 2px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 0px;
  border-right: 0px;
  box-shadow: none;
  line-height: 13px;
  height: 24px;
  background: #FAFAFA;
  font-size: 13px;
  padding: 4px 20px 4px 12px; }

.input-group.leftNavSearch.no-button .form-control {
  border-right: 1px;
  border-right-color: #cccccc;
  border-right-style: solid; }

.input-group.leftNavSearch .form-control:focus {
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-top-color: #cccccc; }

.input-group.leftNavSearch .input-group-addon {
  border-top-left-radius: 0px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 2px;
  border-left: 1px solid #ccc;
  background: #eee;
  cursor: pointer;
  color: #757575;
  padding: 2px 8px; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: white;
  background-color: transparent;
  outline: none;
  font-weight: 600; }

.navbar-default .navbar-nav > li.active > a::after {
  -webkit-transform: scaleX(1) !important;
  transform: scaleX(1) !important; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: white;
  background-color: transparent;
  outline: none; }

.navbar-default .navbar-nav > li > a:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }

.navbar-nav > li > span {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #ACCBF4; }

.navbar-nav > li > span {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 50px; }

.nav.navbar-nav.navbar-right {
  height: 50px;
  padding-right: 35px; }

.navbar-right > li > .pendo-badge {
  margin-top: -4px;
  cursor: pointer;
  position: relative; }

.nav.navbar-nav.navbar-right > li {
  padding-right: 0px;
  font-size: 14px; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
  outline: none; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  outline: none;
  color: #fff; }

.navbar-nav.navbar-right .caret {
  border-top: 5px dashed;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: 0px; }

.dropdown-submenu {
  position: relative;
  width: 200px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
  min-height: 102px;
  /* This is the height of the submenu for a user with only 2 customers or 2 sites */
  max-height: calc(100vh - 300px);
  overflow: auto; }

.dropdown-submenu > .dropdown-menu.newNavAvailable {
  max-height: calc(100vh - 400px); }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.settings-dropdown-menu .dropdown-submenu > .dropdown-menu {
  left: auto;
  top: 0;
  right: 100%;
  position: absolute;
  display: none; }

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

.settings-dropdown-menu .dropdown-submenu svg {
  bottom: 50%;
  transform: translateY(50%);
  display: block;
  position: absolute;
  height: 16px;
  width: 16px;
  right: 12px; }

.settings-dropdown-menu .dropdown-submenu > a::after {
  display: none; }

.dropdown-menu a:hover {
  cursor: pointer; }

.logout-form button {
  width: 100%;
  padding: 3px 20px 3px 24px;
  text-align: left;
  border: none;
  background: transparent; }

.logout-form button:hover {
  background-color: #f5f5f5;
  text-decoration: none; }

.settings-dropdown-menu .logout-form button {
  padding: 10px 40px 10px 36px; }

#settingsDropdown .settingsName {
  font-size: 14px; }

@media (max-width: 1024px) {
  #settingsDropdown .settingsName {
    font-size: 12px; }
  .navbar-default .navbar-nav > li > a {
    font-size: 14px; } }

a {
  color: #0584E2;
  text-decoration: none; }

#sidebarDiv .panel-default {
  border: 0px solid transparent;
  margin: 0px;
  padding: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #ddd; }

#sidebarDiv .dashboard .panel-default {
  padding: 16px 0px;
  border-radius: 0px; }

#sidebarDiv .panel-default > .panel-heading {
  background-color: #EEEEEE;
  border-radius: 0px;
  border-bottom: 0px; }

#sidebarDiv .panel-default > .panel-heading.selected {
  font-weight: bold; }

#sidebarDiv .dashboard .panel-default > .panel-heading {
  border: 0px;
  color: #8d8d8d;
  padding: 10px 16px;
  border-left: 4px solid #FFF;
  border-radius: 0px; }

#sidebarDiv .dashboard .panel-heading.active a {
  color: #0584E2; }

#sidebarDiv .dashboard .panel-heading.active {
  border-left-color: #0584E2; }

#sidebarDiv .my-views-sortable-container {
  padding-top: 10px;
  padding-bottom: 10px; }

#sidebarDiv .my-views-sortable-container > .no-views-text,
#sidebarDiv .shared-views-sortable-container > .no-views-text {
  padding: 6px 24px 12px 24px; }

#sidebarDiv.customer-dashboards {
  background-color: #FAFAFA; }

#sidebarDiv .panel-default.dashboard-decision-panel {
  border-top: 9px solid #dddddd; }

#sidebarDiv .panel-default .dashboard-decision-panel-text {
  margin-left: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #676767; }

#sidebarDiv .panel.setup-group-separator {
  padding: 20px;
  padding-bottom: 10px; }

#sidebarDiv .panel.setup-group-separator.setup-site-separator {
  border-top: 2px solid #909090; }

#sidebarDiv .panel.setup-group-separator .setup-group-container {
  display: flex; }

#sidebarDiv .panel.setup-group-separator .setup-group-icon {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 7px;
  margin-left: -8px; }

#sidebarDiv .panel.setup-group-separator .setup-group-icon.global {
  color: #676767;
  width: 13px;
  height: 13px;
  vertical-align: middle; }

#sidebarDiv .panel.setup-group-separator .setup-group-icon.site {
  color: #676767;
  width: 13px;
  max-height: 13px; }

#sidebarDiv .panel.setup-group-separator .setup-group-text {
  display: inline-block;
  color: #676767;
  font-size: 12px;
  line-height: 13px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold; }

#sidebarDiv .site-panel .panel-title {
  position: relative; }

#sidebarDiv .site-panel .panel-title:hover a {
  padding: 0; }

#sidebarDiv .site-panel .panel-title:hover .panel-title {
  padding: 18px 0px 18px 24px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis; }

#sidebarDiv .site-panel .panel-title:hover span {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between; }

#sidebarDiv .site-panel .panel-title .panel-title-buttons {
  display: none;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 27px;
  margin-left: 107px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  background-color: #FAFAFA;
  padding: 1px; }

#sidebarDiv .site-panel .panel-title:hover .panel-title-buttons {
  display: flex; }

#sidebarDiv .site-panel .panel-title:hover .panel-title-buttons a {
  padding: 10px 6px;
  font-size: 15px;
  line-height: 17px; }

#sidebarDiv .site-panel .panel-title:hover .panel-title-buttons a:hover {
  background-color: #cccccc;
  color: black; }

.navigation-tooltip > .tooltip-inner {
  padding: 12px 16px;
  border-radius: 0px;
  font-size: 12px;
  color: #f9f9f9; }

.navigation-tooltip.owner-tooltip > .tooltip-arrow {
  position: relative;
  left: 24px !important; }

.react-style-tooltip .tooltip-inner {
  margin-top: 6px;
  padding: 13px;
  font-size: 13px;
  border-radius: 2px;
  color: #f0f0f2;
  background-color: #363638;
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3); }

.react-style-tooltip.in {
  opacity: 1.0 !important; }

.react-style-tooltip > .tooltip-arrow {
  margin-top: 6px;
  border-bottom-color: #363638 !important; }

#sidebarDiv .list-group-item {
  padding: 0;
  border: none;
  line-height: 20px;
  font-size: 14px;
  border-radius: 0px; }

#sidebarDiv li.list-group-item a:hover {
  background: #e8e8e8; }

#sidebarDiv .list-group-item a .share-icon {
  stroke-width: 0;
  fill: rgba(0, 0, 0, 0.67);
  padding-right: 6px;
  width: 22px;
  height: 14px;
  flex-shrink: 0; }

#sidebarDiv .list-group-item.selected a .share-icon {
  stroke: rgba(0, 0, 0, 0.67);
  stroke-width: 0.5; }

#sidebarDiv .list-group-item .sortable-nav-item {
  padding-left: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

#sidebarDiv .list-group-item .sortable-nav-item .button.nav-options-toggle {
  position: absolute;
  right: 6px;
  bottom: calc(50% - 10px);
  height: 23px;
  width: 30px;
  padding: 0;
  background-color: #fafafa;
  border: 1px solid #cccccc;
  border-radius: 3px;
  visibility: hidden; }

#sidebarDiv .list-group-item .sortable-nav-item .button.nav-options-toggle.active {
  visibility: visible;
  background-color: #eeeeee; }

#sidebarDiv .list-group-item .sortable-nav-item:hover .button.nav-options-toggle {
  visibility: visible; }

#sidebarDiv .list-group-item .sortable-nav-item .button.nav-options-toggle:hover {
  background-color: #eeeeee; }

#sidebarDiv .list-group-item .sortable-nav-item .button.nav-options-toggle ng-include {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: inherit; }

#sidebarDiv .list-group-item .sortable-nav-item .button.nav-options-toggle .svg-icon {
  fill: #676767;
  width: 16px;
  height: inherit; }

#sidebarDiv .list-group-item.ui-sortable-helper {
  box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4); }

#sidebarDiv .list-group-item .sortable-nav-item span {
  display: flex;
  align-items: center;
  padding-right: 4px; }

#sidebarDiv .list-group-item .sortable-nav-item span::before {
  content: "\25CF\25CF\0020\25CF\25CF\0020\25CF\25CF";
  color: #afafaf;
  margin-right: 2px;
  line-height: 5px;
  font-size: 7px;
  letter-spacing: 1px;
  width: 1.5em;
  visibility: hidden; }

#sidebarDiv .list-group .list-group-item:hover .sortable-nav-item span::before {
  visibility: visible;
  cursor: grab; }

#sidebarDiv hr {
  margin-bottom: 0px; }

#sidebarDiv .companyLogo {
  bottom: 54px;
  position: absolute;
  border-right: 1px solid #ddd; }

#sidebarDiv .panel-heading {
  padding: 0; }

#sidebarDiv .list-group {
  border-top: 1px solid #ddd;
  margin-bottom: 0px; }

#sidebarDiv .list-group.list-group-no-border {
  border-top: none; }

#sidebarDiv .list-group-item a span.circle-with-number {
  background-color: #E5E5E8;
  border-radius: 50%;
  bottom: calc(50% - 10px);
  color: #67676A;
  display: inline-block;
  font-size: 11px;
  height: 20px;
  position: absolute;
  text-align: center;
  width: 20px; }

#sidebarDiv .list-group-item.selected a span.circle-with-number {
  background-color: #67676A;
  color: #FFFFFF; }

.overFlowWrapper {
  overflow-y: auto;
  height: calc(100% - 112px);
  overflow-x: hidden; }

.overFlowWrapper.withSearchBox {
  height: calc(100% - 156px); }

.overFlowWrapper.withNewDashboardButton {
  height: calc(100% - 158px); }

.overFlowWrapper .panel {
  background: #EEEEEE;
  border: 0px; }

.embeddedBody {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  width: auto;
  padding-right: var(--embeddedBodyPadding);
  padding-top: var(--embeddedBodyPaddingTop);
  margin-left: var(--oldNavWidth);
  padding-left: var(--embeddedBodyPadding);
  min-height: auto;
  /* was 560px if this causes issues */
  display: flex;
  flex-flow: column;
  position: relative;
  transition: var(--defaultTransitionDuration) var(--defaultTransitionFunction); }

/* disable animation for old nav */
.main-view .embeddedBody {
  transition: none; }

#itemDrilldown.fullscreen,
.embeddedBody {
  margin-left: var(--regularNav);
  width: calc(100% - var(--regularNav)); }

#itemDrilldown.fullscreen.wide,
.embeddedBody.wide {
  margin-left: var(--wideNavWithSecondary);
  width: calc(100% - var(--wideNavWithSecondary)); }

#itemDrilldown.fullscreen.narrow,
.embeddedBody.narrow {
  margin-left: var(--collapsedNav);
  width: calc(100% - var(--collapsedNav)); }

#itemDrilldown.fullscreen.narrow.wide,
.embeddedBody.narrow.wide {
  margin-left: var(--collapsedNavWithSecondary);
  width: calc(100% - var(--collapsedNavWithSecondary)); }

@media (max-width: 1024px) {
  .embeddedBody.wide,
  .embeddedBody.narrow,
  .embeddedBody {
    /* doing 0 since menu is hamburger */
    margin-left: 0px;
    width: 100%; } }

.fullReactPage {
  height: 100%;
  width: 100%; }

.embeddedBody.reactBody {
  padding-right: 0; }

.embeddedBody.wideContent {
  margin-left: 8px;
  width: 100%; }

.embeddedBody.supplier-view {
  margin-left: 8px;
  width: calc(100% - 16px) !important; }

.embeddedBody.formLessPadding {
  padding-top: 8px; }

.embeddedBody.dashboard-container {
  overflow-y: visible; }

.list-group .list-group-item {
  background-color: #FAFAFA; }

#sidebarDiv .list-group .list-group-item.site-dashboard-item {
  background-color: #FAFAFA;
  font-style: italic;
  font-size: 13px;
  line-height: 15px; }

#sidebarDiv .list-group .list-group-item.site-dashboard-item:hover {
  padding-right: 8px;
  background-color: #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: space-between; }

#sidebarDiv .list-group .list-group-item-buttons {
  display: none;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 27px;
  margin-left: 107px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  background-color: #FAFAFA;
  padding: 1px; }

.button.flat.dashboard-migration {
  border-radius: 3px;
  width: 25px;
  height: 23px; }

.button.flat.dashboard-migration:last-child {
  margin-left: 1px; }

.button.flat.dashboard-migration > i {
  height: 22px;
  line-height: 5px;
  vertical-align: middle; }

#sidebarDiv .list-group .list-group-item.site-dashboard-item:hover .list-group-item-buttons {
  display: flex; }

#sidebarDiv .list-group .list-group-item-buttons button {
  padding: 9px 5px; }

#sidebarDiv .list-group .list-group-item-buttons button:hover {
  background-color: #e8e8e8; }

#sidebarDiv .list-group .list-group-item-buttons button:focus {
  background-color: #bbbbbb; }

#sidebarDiv .list-group .list-group-item.selected.site-dashboard-item a {
  background: transparent; }

#sidebarDiv .list-group .list-group-item.selected.site-dashboard-item:hover a,
#sidebarDiv .list-group .list-group-item.site-dashboard-item:hover a {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0; }

@media (min-width: 992px) {
  .modal-dialog {
    width: 800px; } }

.widgetHeading h3 {
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0; }

.modal-title {
  display: inline; }

#titleId h1 {
  margin: 0; }

.panel-heading.dashboard-heading:hover {
  cursor: default; }

.filter_form h2,
.chartHeading h2 {
  text-align: left;
  font-weight: bold;
  padding-right: .69em;
  font-size: 100%; }

.topButtonPadding {
  padding: 7px 0px 0px 10px; }

#sidebarDiv .panel-body {
  padding: 0px;
  border-top: 0px; }

#sidebarDiv .panel-collapse > .panel-body > .list-group {
  background-color: #FAFAFA;
  margin-bottom: 0; }

.newPageTitle.shortageCriticalityTitle,
.newPageTitle.shortageRiskScoreTitle {
  background-color: white;
  padding-left: var(--embeddedBodyPadding);
  margin-left: calc(var(--embeddedBodyPadding) * -1);
  padding-right: var(--embeddedBodyPadding);
  margin-right: calc(var(--embeddedBodyPadding) * -1);
  padding-bottom: 8px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center; }

.newPageTitle.shortageCriticalityTitle.admin,
.newPageTitle.shortageRiskScoreTitle.admin {
  margin-top: 0; }

.newPageTitle.shortageCriticalityTitle #shortage-criticality-switch,
.newPageTitle.shortageRiskScoreTitle #shortage-risk-categories-switch {
  margin-left: 15px; }

.newPageTitle.shortageCriticalityTitle .report-buttons,
.newPageTitle.shortageRiskScoreTitle .report-buttons {
  margin-left: auto; }

.no-button.searchBlock .search .input-group .form-control-feedback {
  right: 4px;
  top: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  transform: translate(0, -50%); }

.searchBlock .search .input-group .form-control-feedback {
  top: -4px;
  right: 34px;
  color: #333333;
  pointer-events: auto;
  z-index: 3; }

.leftNavSearch .clearIcon {
  top: 5px;
  right: 45px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 3; }

.leftNavSearch.no-button .clearIcon {
  right: 15px; }

.leftNavSearch.input-group .form-control-feedback.clearIcon:hover {
  cursor: pointer; }

.searchBlock .search .input-group .form-control-feedback:hover {
  cursor: pointer; }

.row .sectionTitle span i {
  line-height: 56px; }

.searchBlock .search .input-group .form-control-feedback .fa-times {
  line-height: 1; }

.searchBlock .search .input-group.searchBox {
  width: 240px; }

.searchBlock .search .input-group.searchBox input.form-control {
  height: 24px;
  line-height: 13px;
  font-size: 13px;
  box-shadow: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 4px 12px;
  padding-right: 32px; }

.searchBlock.no-button .search .input-group.searchBox input.form-control {
  padding-right: 24px; }

.searchBlock .search .input-group .btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 1px 8px;
  margin-bottom: 2px;
  background-color: #EEEEEE;
  color: #757575; }

.newHeaderStyle {
  padding: 16px 20px;
  padding-bottom: 16px;
  background-color: #eee; }

.newHeaderStyle .newHeaderFirst h3 {
  margin-bottom: 0; }

.newHeaderStyle .newHeaderFirst a > i {
  text-decoration: none;
  font-size: 16px; }

.modal.itemDrillDownModal {
  overflow: visible; }

.itemDrillDownModal {
  top: 50px;
  min-width: 900px;
  max-width: 900px; }

.itemDrillDownModal.newBuyerWorkflow.itemCodeDrilldown,
.itemDrillDownModal.itemCodeDrilldown {
  min-width: unset;
  max-width: unset; }

.itemDrillDownModal.newBuyerWorkflow {
  min-width: 1044px;
  width: fit-content;
  max-width: calc(100vw - 300px); }
  @media (max-width: 1024px) {
    .itemDrillDownModal.newBuyerWorkflow {
      min-width: 100%; } }

.itemDrillDownModal.myProjectTasks {
  height: 100%; }

.itemDrillDownModal .modal-content {
  border: none; }

.itemDrillDownModal .modal-dialog {
  height: 100%;
  box-shadow: -50px 0px 50px rgba(0, 0, 0, 0.18); }

.container-fluid.slide-in-container .row {
  margin-left: 0px;
  margin-right: 0px; }

.container-fluid.slide-in-container {
  padding-right: 0px;
  padding-left: 0px; }

.container-fluid.slide-in-container.drilldown-flex {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: '100%'; }

.row .sectionTitle {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  cursor: pointer;
  background-color: #fafafa;
  height: 56px; }

.topBorder {
  border-top: 1px solid #d8d8d8; }

.bottomBorder {
  border-bottom: 1px solid #d8d8d8; }

.row .sectionTitle span {
  text-decoration: none;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.76);
  cursor: pointer;
  line-height: 56px; }

.row .sectionTitle span > i {
  padding-left: 4px; }

.sectionTitle h4 {
  font-size: 16px;
  line-height: 56px;
  color: rgba(0, 0, 0, 0.76); }

.row.itemSection {
  padding-top: 0px;
  padding-bottom: 20px; }

.row.overflow {
  overflow-x: scroll;
  white-space: nowrap; }

.row.taskHeader {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500; }

.row.itemMaster .col-md-2,
.row.itemMaster .col-md-4 {
  height: auto; }

.row.itemMaster .col-md-3 {
  padding-left: 20px;
  padding-right: 20px; }

.row.itemMaster .header {
  font-size: 0.875rem;
  font-weight: 600; }

.row.itemMaster .col-md-6 .header,
.row.itemMaster .col-md-12 .header {
  display: inline-block;
  width: 168px; }

.row.itemMaster .col-md-6 div.dataValue,
.row.itemMaster .col-md-12 div.dataValue {
  vertical-align: top;
  display: inline-block;
  white-space: normal;
  width: 100px;
  /* Firefox */
  width: -moz-calc(100% - 172px);
  /* WebKit */
  width: -webkit-calc(100% - 172px);
  /* Opera */
  width: -o-calc(100% - 172px);
  /* Standard */
  width: calc(100% - 172px); }

.row.itemMaster .header a {
  text-decoration: none; }

.row.taskHeader .col-md-4,
.row.taskData .col-md-4,
.row.taskHeader .col-md-2,
.row.taskData .col-md-2,
.row.taskHeader .col-md-1,
.row.taskData .col-md-1,
.row.taskHeader .col-md-12,
.row.taskData .col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
  height: auto; }

.row.dataHeader .col-md-4,
.row.dataValue .col-md-4,
.row.dataHeader .col-md-2,
.row.dataValue .col-md-2,
.row.dataHeader .col-md-1,
.row.dataValue .col-md-1,
.row.dataHeader .col-md-12,
.row.dataValue .col-md-12 {
  height: auto; }

.row.taskHeader .header,
.row.taskHeader.header {
  font-weight: bold; }

.slide-in-container .row .taskSubject {
  width: 180px;
  padding-right: 20px; }

.slide-in-container .row .taskStatus {
  padding-right: 20px;
  width: 100px; }

.slide-in-container .row .taskResponsible {
  padding-right: 20px;
  width: 150px; }

.slide-in-container .row .taskDueDate {
  padding-right: 20px;
  width: 140px; }

.slide-in-container .row .taskCategory {
  padding-right: 21px;
  width: auto; }

.slide-in-container .row .taskCategory:hover {
  padding-right: 0px; }

.slide-in-container .row .taskDescription {
  padding-right: 20px; }

.row.taskHeader a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 500; }

.row.taskHeader a:hover {
  text-decoration: underline; }

.row.taskData {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.76); }

.row.dataHeader a {
  font-size: 13px;
  text-decoration: none;
  font-weight: 500; }

.row.dataHeader a:hover {
  text-decoration: underline; }

.row.dataValue {
  font-size: 13px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.76);
  margin-bottom: 20px; }

.row .dataValue a {
  text-decoration: none; }

.row .dataValue a:hover {
  text-decoration: underline; }

.row.dataHeader {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  margin-top: 16px; }

.slide-in-container [class*='col-md-'] {
  padding-left: 20px;
  padding-right: 20px; }

.row.innerRow {
  padding-bottom: 16px;
  padding-top: 8px; }

.row.itemDetailBodyPadding,
#actionsEmbedded.itemDetailBodyPadding {
  padding-bottom: 24px;
  padding-top: 16px; }

#actionsEmbedded.itemDetailBodyPaddingCustom {
  padding-bottom: 24px;
  padding-top: 24px; }

.bodyDiv.drilldown .outer .ContentPanel {
  padding: 0; }

table.drilldownTable {
  padding-top: 8px;
  padding-bottom: 16px;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  border: 1px solid #d8d8d8; }

.mrpTableContainer {
  max-height: 400px;
  overflow-y: scroll; }

.hasMoreMrpMessage {
  color: rgba(0, 0, 0, 0.87);
  font-style: italic;
  padding-top: 8px; }

table.drilldownTable tr.headerRow > td {
  padding: 16px;
  background: rgba(0, 0, 0, 0.06); }

table.drilldownTable td {
  padding: 8px 16px;
  border: 1px solid #d8d8d8; }

table.drilldownTable tr.bad {
  background-color: #DD424F;
  font-size: 14px; }

table.drilldownTable tr.bad:nth-child(even) {
  background-color: #CC3B47;
  font-size: 14px; }

table.drilldownTable tr.insideLeadTime:not(.bad) {
  background-color: #FFF7CC; }

table.drilldownTable tr.insideLeadTime:nth-child(even):not(.bad) {
  background-color: #FFF3BB; }

.stock-requirement-chart .c3-region.insideLeadTime rect {
  fill: #FFF7CC;
  fill-opacity: 1 !important; }

.stock-requirement-chart .c3-shapes-availableQuantity.c3-lines-availableQuantity > path {
  stroke-width: 2; }

.stock-requirement-chart .c3-shapes.c3-lines > path {
  stroke-width: 2; }

.stock-requirement-chart .c3-shapes-targetQty.c3-lines-targetQty > path {
  stroke-width: 2px;
  stroke-dasharray: 10, 10; }

.stock-requirement-chart g.c3-ygrid-lines g.zeroLine > line {
  stroke: rgba(0, 0, 0, 0.54) !important; }

table.drilldownTable tr.bad td {
  color: #fff; }

table.drilldownTable tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.03); }

.drilldownPage .noTableFooter {
  margin-left: 0;
  margin-right: 0; }

.drilldownTable .headerRow td {
  font-weight: 600;
  white-space: normal; }

.mrpCollapsible {
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 8px;
  cursor: pointer;
  color: #0584E2; }

.drilldownTable .warning {
  color: #DD424F; }

.drilldownTable .highlight td,
.drilldownTable .highlight th {
  background-color: #D1E3EF; }

span.dmaicLetter {
  font-size: 12px;
  float: left;
  border: 1px solid #c3c3c3;
  width: 20px;
  margin-right: -1px;
  text-align: center;
  line-height: 16px;
  cursor: pointer; }

div.dmaicLetter {
  font-size: 12px;
  display: inline-block;
  border: 1px solid #c3c3c3;
  width: 20px;
  margin-right: -1px;
  text-align: center;
  line-height: 16px; }

.dmaicLetter.completeState {
  background: #0000FF;
  color: #FFF; }

.dmaicLetter.yellowState {
  background: #FFFF00; }

.dmaicLetter.greenState {
  background: #00FF00; }

.dmaicLetter.redState {
  background: #FF0000;
  color: #FFF; }

.modal.fade:not(.in).right .modal-dialog {
  transform: translate(125%, 0);
  -webkit-transform: translate(125%, 0);
  -o-transform: translate(125%, 0);
  -ms-transform: translate(125%, 0);
  -moz-transform: translate(125%, 0); }

.modal.fade.right {
  position: fixed;
  left: auto;
  right: 0px;
  top: 105px;
  bottom: auto; }

.modal.fade.right .modal-dialog {
  margin: 0;
  width: 100%; }

.modal.fade.right .modal-content {
  border-radius: 0px; }

.modal.fade.right .modal-header {
  padding: 0px; }

.modal.fade.right .modal-body {
  padding: 0px;
  overflow-y: auto; }

.slideInDismiss {
  font-size: 27px;
  /* h3 line-height */
  line-height: 1;
  color: #868686;
  float: right;
  cursor: pointer; }

@media (max-width: 1599px) {
  table.drilldownTable td {
    padding: 8px 8px; }
  table.drilldownTable tr.headerRow > td {
    padding: 16px 8px; } }

.button.flat,
.button.separator {
  background: transparent;
  padding: 4px 12px;
  padding-bottom: 5px;
  line-height: 1rem;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.67);
  /* text-transform: uppercase; */
  border-radius: 3px;
  outline-color: #ccc;
  text-decoration: none;
  font-size: 0.875rem;
  border: 0;
  font-weight: normal;
  display: inline-block; }

.button.flat.large,
.button.separator.large {
  padding: 6px 12px;
  padding-bottom: 7px; }

.button.flat.large.react-style {
  height: 36px;
  border-radius: 2px;
  padding-left: 20px;
  padding-right: 20px; }

.button.flat:hover,
.button.flat:not(.no-focus-effect):focus,
.button.flat.no-focus-effect:active {
  background: #EEEEEE;
  text-decoration: none;
  cursor: pointer; }

.button.flat.gray {
  background: #EEEEEE; }

.button.flat.gray:hover,
.button.flat.gray:focus {
  background: #e0e0e0;
  color: #428bca; }

.button.flat.colored.disabled {
  color: #9AC1F2;
  background: inherit; }

.button.flat.colored.disabled:hover {
  cursor: not-allowed;
  background: inherit;
  text-decoration: none; }

.button.flat.colored {
  color: #0584E2; }

.button.flat.seperator {
  padding: 8px 0px; }

.button.full-width-panel {
  background: #f9f9f9; }

.button.flat.full-width-panel {
  font-weight: bold;
  width: 100%;
  padding: 15px 8px;
  line-height: 14px;
  font-size: 0.875rem;
  border: 1px solid #dddddd; }

.button.flat.full-width-panel.new-dash {
  border: 0;
  border-bottom: 1.5px solid #dddddd;
  border-radius: 0; }

.button.flat.full-width-panel i {
  margin-right: 6px; }

.button.raised {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  color: #428bca;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  background: #eeeeee;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-top: 0;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 4px 12px;
  padding-bottom: 5px;
  cursor: pointer;
  white-space: nowrap; }

.button.raised.noShawdow {
  box-shadow: none; }

.button.raised.large {
  padding: 6px 12px;
  padding-bottom: 7px; }

.button.raised.secondary {
  background: #eeeeee; }

.button.raised.secondary:hover,
.button.raised.secondary:focus {
  background: #e0e0e0;
  color: #428bca; }

.button.raised.primary,
.button.flat.primary {
  background: #0584E2;
  color: #fff; }

.button.raised.primary:hover,
.button.raised.primary:focus,
.button.flat.primary:hover,
.button.flat.primary:focus {
  color: #fff;
  background: #005fa5; }

.actionFonts,
.actionFonts:hover {
  color: #707070; }

.row.innerRow {
  padding-left: 20px;
  padding-right: 20px; }

.row.itemMaster {
  font-size: 0.875rem; }

.bodyDiv > .dropdown-menu {
  max-height: 400px;
  position: fixed;
  overflow-y: auto; }

.cross-site-message {
  padding: 20px 12px;
  padding-left: 24px;
  background: white; }

.filtersToast {
  position: fixed;
  top: 54px;
  left: 45%;
  padding: 16px;
  background: #000;
  color: #F8F8F8;
  line-height: 16px;
  border-radius: 2px;
  cursor: pointer;
  z-index: 1100;
  box-shadow: 2px 2px 10px 0px #AAA; }

.filtersToast.errorToast {
  background: #DD424F; }

.mainPageTitle {
  padding-top: 12px;
  padding-bottom: 8px; }

.mainPageTitle h4 {
  font-size: 24px;
  line-height: 24px; }

.mainPageTitle i {
  font-size: 18px; }

.subPageTitle {
  padding-top: 12px;
  padding-bottom: 8px; }

.subPageTitle h4 {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold; }

.x-grid-cell {
  color: null;
  font: normal 0.875rem Arial, Helvetica, sans-serif !important;
  background-color: white;
  border-color: #ededed #c6c6c6 #ededed #c6c6c6;
  border-style: solid; }

.x-column-header,
.x-btn-inner,
.x-form-item-label,
.x-toolbar-item .x-form-cb-label,
.x-fieldset-header-text {
  font: normal 0.875rem Arial, Helvetica, sans-serif !important; }

.x-window-header-text-container-default,
.x-grid-group-title {
  font: bold 0.875rem Arial, Helvetica, sans-serif !important; }

.mainPageTitle span a {
  text-decoration: none; }

.FDNABody.withTopMargin {
  margin-top: 8px; }

.bodyDiv {
  background-color: #fff; }

.bPageBlock .labelCol,
.pbHeader .pbTitle h2,
.pbHeader .pbTitle h3 {
  font-size: 0.875rem !important; }

.marginBottomZero {
  margin-bottom: 0px; }

.marginZero {
  margin: 0px; }

.leanDesign .secondaryPalette,
.leanExecution .secondaryPalette,
.leanExecution .CustomTab .bPageBlock,
.CustomTab .bPageBlock {
  background-color: white !important;
  border: 0 !important; }

.bPageBlock .FDNABody {
  background-color: white !important; }

.bPageBlock .detailList tr td,
.bPageBlock .detailList tr th {
  border-bottom: 0px !important; }

.CustomTab .tertiaryPalette,
.setup .tertiaryPalette {
  border-color: white !important;
  background-color: white !important;
  color: black; }

.setup .bPageBlock .pbSubheader {
  padding: 0px; }

input.button.raised.btn-xs {
  font-size: 10px;
  line-height: 12px; }

.viewChange {
  display: inline-block;
  padding-right: 8px; }

.viewChange a {
  color: #0082e5;
  outline: none; }

.viewChange a:hover,
.viewChange a:focus {
  color: #005fa5;
  text-decoration: none; }

input[disabled],
input[readonly] {
  background-color: #eee;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: groove;
  border-bottom-style: groove; }

.showLeftNav {
  margin-left: 180px; }

.hideLeftNav {
  margin-left: 10px; }

@media (max-width: 1000px) {
  .showLeftNav {
    padding-left: 180px\9  !important;
    /* IE6, IE7, IE8, IE9 */
    margin-left: 10px\9  !important;
    /* IE6, IE7, IE8, IE9 */ } }

#bodyCell {
  padding: 10px; }

.paddingZero {
  padding: 0 !important; }

.paddingTopZero {
  padding-top: 0 !important; }

.paddingBottomZero {
  padding-bottom: 0 !important; }

.headerInitiative {
  background-color: #eee; }

.modalHeader {
  background-color: #eee;
  border-radius: 5px 5px 0 0; }

.detailList .mainSectionContainer,
.FDNABody .mainSectionContainer,
.mainSectionContainer {
  background-color: #0584E2 !important;
  color: white;
  line-height: 24px;
  height: 24px;
  padding-top: 0px !important;
  margin-bottom: 0px; }

.detailList .subSectionContainer,
.FDNABody .subSectionContainer,
.CustomTab #editPage .subSectionContainer {
  background-color: #7CC4FA !important;
  color: white;
  line-height: 24px;
  height: 24px;
  padding-top: 0px !important;
  margin-bottom: 0px; }

.mainSectionContainer-body,
.subSectionContainer-body {
  border: 1px solid #eee;
  margin-bottom: 10px;
  padding-top: 10px; }

.mainSectionContainer h3,
.subSectionContainer h3 {
  line-height: 24px; }

#addUserForm .mainSectionContainer h3,
.CustomTab #editPage .mainSectionContainer h3,
.CustomTab #editPage .subSectionContainer h3 {
  padding-left: 5px; }

.CustomTab #editPage .mainSectionContainer-body,
.subSectionContainer-body {
  border: 1px solid #eee !important;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 0;
  margin-top: 0px; }

.noDataFound {
  font-weight: bold;
  line-height: 16px;
  font-size: 14px;
  padding-top: 8px;
  text-align: center; }

.titleDiv h1 {
  font-size: 22px;
  height: 30px; }

.scrollable-area {
  overflow-y: scroll; }

.scrollable-area th {
  position: relative;
  overflow-y: hidden; }

.scrollable-area th.sorted .headerIcon {
  position: absolute;
  top: 4px;
  width: 18px; }

.scrollable-area th .headerLabelFixed {
  position: absolute;
  top: 4px; }

.scrollable-area th.sorted .headerLabelFixed {
  position: absolute;
  top: 4px;
  left: 32px;
  width: calc(100% - 32px); }

.tableFloatingHeaderOriginal {
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd; }

.deltaArrowContainer {
  display: inline-block; }

.small-arrow {
  font-size: smaller; }

.small-circle {
  font-size: x-small; }

.smartTableGrid .smartTable td.totalLabel {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.54); }

.smartTableGrid.scrollable-area .smartTable td.bad,
.scrollable-area .smartTable td.bad {
  color: #DD424F;
  background: #FFF; }

.smartTableGrid.scrollable-area .smartTable tr:hover > td.bad,
.scrollable-area .smartTable tr:hover > td.bad {
  background: #D1E3EF; }

.scrollable-area .smartTable td.good {
  background: #FFF;
  color: #37C074; }

.scrollable-area .smartTable td.none,
.scrollable-area .smartTable td span.none {
  color: #404040; }

.smartTable tr.selected > td.good,
.smartTable tr.selected > td.bad,
.smartTable tr.selected > td.none {
  background: #D1E3EF; }

.smartTable tr:hover > td.good,
.smartTable tr:hover > td.bad,
.smartTable tr:hover > td.none {
  background: #D1E3EF; }

.scrollable-area .smartTable td i {
  font-size: 11px; }

.subSectionHeader {
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  width: calc(100% - 40px);
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 8px;
  /* following h4 styles */
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5; }

.subSectionHeader.topMargin {
  margin-top: 24px; }

.subSectionSubHeader {
  font-weight: normal;
  font-style: italic;
  color: #555; }

form .radio label span {
  display: block;
  margin-top: 2px; }

.table .subTablePadding {
  padding-left: 50px;
  padding-right: 50px; }

.heuristicParagraph,
.potentialSavingsMessage {
  font-size: 13px;
  font-weight: bold;
  line-height: 16px; }

.heuristicHeader {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 8px;
  margin-top: 8px;
  display: inline-block; }

.heuristicStatement {
  font-size: 13px;
  display: inline-block; }

.potentialSavingsMessage .good {
  background: #FFF;
  color: #37C074;
  font-size: 13px; }

.jspReportWarn {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  color: #DD424F; }

.filtersList .currentFilters {
  margin-right: 4px; }

.filtersList .currentFilters:hover .filterRemoveIcon {
  display: block; }

.filtersList .multiselect-menu .filter-menu > li > a,
.filtersList .single-select-menu .filter-menu > li > a {
  display: block;
  padding: 8px 16px;
  clear: both;
  font-weight: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden; }

.filtersList .multiselect-menu .filter-menu > li > a:hover,
.filtersList .single-select-menu .filter-menu > li > a:hover {
  cursor: pointer;
  background: #EEEEEE; }

.filtersList .multiselect-menu .filter-menu > li.disabled > a,
.filtersList .single-select-menu .filter-menu > li.disabled > a {
  color: #d8d8d8; }

.filtersList .multiselect-menu .filter-menu > li.disabled > a:hover,
.filtersList .single-select-menu .filter-menu > li.disabled > a:hover {
  cursor: not-allowed;
  background: #fff; }

.multiselect-menu .multiselect-header .multiselect-select-all {
  padding: 0px;
  margin: 0; }

.multiselect-menu .multiselect-select-all > li > a.filterOption {
  padding-top: 12px;
  padding-bottom: 11px;
  padding-left: 8px;
  padding-right: 8px; }

.multiselect-menu .filter-menu.multiselect-select-all > li > a:hover {
  cursor: pointer;
  background: #FFFFFF; }

.multiselect-menu .filter-menu.multiselect-select-all > li > a[disabled]:hover {
  cursor: not-allowed; }

.multiselect-menu .filter-menu.multiselect-select-all > li > a[disabled] i.fa-square-o.disabled {
  color: darkgray; }

.multiselect-menu .filter-menu.multiselect-select-all > li > a[disabled] i.fa-check-square.disabled,
.multiselect-menu .filter-menu.multiselect-select-all > li > a[disabled] i.fa-minus-square.disabled {
  color: #E0E0E0; }

.multiselect-menu .filter-menu.multiselect-select-all > li > a i.fa-square-o.active {
  color: #000; }

.multiselect-menu .filter-menu.multiselect-select-all > li > a i.fa-check-square.active,
.multiselect-menu .filter-menu.multiselect-select-all > li > a i.fa-minus-square.active {
  color: #0087E2; }

.multiselect-header .multiselect-select-all .filterOption i {
  cursor: pointer; }

.filter-menu.multiselect-select-all > li > a .fa-minus-square,
.filter-menu.multiselect-select-all > li > a .fa-check-square {
  color: #0087E2; }

.multiselect-menu .filter-menu,
.single-select-menu .filter-menu {
  list-style: none;
  padding-left: 0;
  padding: 4px 0px;
  margin-bottom: 0;
  max-width: 480px; }

.individual-exclam .hovered .fa-exclamation-circle {
  color: #FF6700; }

.individual-exclam .fa-exclamation-circle {
  color: #FD9800;
  cursor: pointer;
  margin-left: 5px;
  font-size: 15px; }

.individual-exclam .white-tooltip {
  cursor: default; }

.inputFilter::-ms-clear {
  display: none; }

.multiselect-menu .inputFilter,
.single-select-menu .inputFilter {
  height: 24px;
  line-height: 24px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 13px;
  padding: 4px 12px;
  width: 100%;
  margin-bottom: 0;
  color: #333333; }

.filtersList .multiSelect .horizontal:not(.multiSelectGroup) {
  float: none; }

.filtersList .multiselect-options .multiSelectItem {
  padding: 8px;
  line-height: 16px; }

.filtersList .multiSelect .checkBoxContainer {
  padding: 16px 0px; }

.filtersList .multiSelect .multiSelectItem:hover {
  background: #EEEEEE; }

.filtersList li:not(:first-child) {
  margin-left: 4px; }

.topFiveSortIcon {
  display: inline-block;
  vertical-align: top; }

.topFiveSortLabel {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 20px); }

a.leanDnaLink {
  color: #0584E2;
  text-decoration: none; }

a.leanDnaLink:hover {
  text-decoration: underline;
  color: #0584E2; }

a.ldnaLink {
  color: #0584E2;
  text-decoration: none;
  cursor: pointer; }

a.ldnaLink:hover {
  text-decoration: underline; }

.loadingTable {
  font-weight: bold;
  line-height: 16px;
  font-size: 14px;
  height: 240px;
  padding-top: 8px;
  text-align: center;
  border: 1px solid #D8D8D8;
  border-top: 0; }

.loadingTableInner {
  margin-top: 80px; }

.loadingTable p {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold; }

#burnoffChartCont .c3-target-mrpValue text,
#burnoffChartCont .c3-target-ldnaTargetValue text {
  font-size: 12px;
  fill: #000 !important; }

#burnoffChartCont .c3-target-historyLdna,
#burnoffChartCont .c3-target-historyMrp,
#burnoffChartCont .c3-target-historyIgnoredValue {
  stroke-dasharray: 5, 5; }

#burnoffChartCont .fyTargetClass text {
  fill: #5C9F07;
  font-size: 12px; }

#burnoffChartCont .fyTargetClass line {
  stroke: #5C9F07 !important;
  stroke-width: 1px;
  stroke-dasharray: 5, 5; }

#burnoffChartCont .stretchTargetClass text {
  fill: #5C9F07;
  font-size: 12px; }

#burnoffChartCont .stretchTargetClass line {
  stroke: #5C9F07 !important;
  stroke-width: 1px;
  stroke-dasharray: 10, 10; }

#burnoffChartCont .itemTargetClass text {
  fill: #5C9F07;
  font-size: 12px; }

#burnoffChartCont .itemTargetClass line {
  stroke: #5C9F07 !important;
  stroke-width: 2px;
  stroke-dasharray: 10, 10; }

#burnoffChartCont .c3-axis-y .tick,
#pqByCostChart .c3-axis-y .tick,
#pqByCostChart .c3-axis-y2 .tick,
#poTOActionChartCont .c3-axis-y .tick,
#lostTimeParetoChart .c3-axis-y .tick,
#assessmentScoringChart .c3-axis-y2 .tick {
  display: block; }

#burnoffChartCont .c3-axis-y-label,
#pqByCostChart .c3-axis-y-label,
#pqByCostChart .c3-axis-y2-label,
#poTOActionChartCont .c3-axis-y2-label,
#lostTimeParetoChart .c3-axis-y-label,
#lostTimeParetoChart .c3-axis-y2-label,
#assessmentScoringChart .c3-axis-y-label {
  font-size: 14px; }

#burnoffChartCont .c3-axis-x-label {
  font-size: 14px; }

#burnoffChartCont .c3-axis .tick {
  fill: #676767; }

#burnoffChartCont .c3-line,
#poTOActionChartCont .c3-line,
#pqByCostChart .c3-line,
#lostTimeParetoChart .c3-line {
  stroke-width: 4px; }

.c3-lines-mrpPlusSavings,
.c3-lines-ldnaMinusLost {
  stroke-dasharray: 3 4; }

#burnoffChartCont .c3-lines-mrpPlusSavings .c3-line,
#burnoffChartCont .c3-lines-ldnaMinusLost .c3-line {
  stroke-width: 2px; }

#burnoffChartCont .c3-shapes.c3-shapes-mrpPlusSavings .c3-shape.c3-circle,
#burnoffChartCont .c3-shapes.c3-shapes-ldnaMinusLost .c3-shape.c3-circle {
  display: none; }

.c3-lines-mrpPlusSavings,
.c3-lines-ldnaMinusLost {
  display: none; }

#burnoffChartCont:hover .c3-lines-mrpPlusSavings,
#burnoffChartCont:hover .c3-lines-ldnaMinusLost {
  display: inline; }

#burnoffChartCont.slideInOpen .c3-lines-mrpPlusSavings,
#burnoffChartCont.slideInOpen .c3-lines-ldnaMinusLost {
  display: inline; }

.c3-bars-netOpportunity .c3-bar,
.c3-bars-lostOpportunity .c3-bar,
.c3-bars-reductionResults .c3-bar {
  opacity: 0 !important; }

.c3-bars-netOpportunity .c3-bar.show-bar-click {
  fill: #84C9FC !important; }

.c3-bars-lostOpportunity .c3-bar.show-bar-click {
  fill: #E20482 !important; }

.c3-bars-reductionResults .c3-bar.show-bar-click {
  fill: #8FCE46 !important; }

.c3-bars-netOpportunity .c3-bar.highlight {
  fill: #84C9FC !important;
  fill-opacity: 1 !important; }

.c3-bars-lostOpportunity .c3-bar.highlight {
  fill: #E20482 !important;
  fill-opacity: 1 !important; }

.c3-bars-lostOpportunity .c3-bar.highlight.hidden {
  fill-opacity: 0 !important; }

.c3-bars-reductionResults .c3-bar.highlight {
  fill: #8FCE46 !important;
  fill-opacity: 1 !important; }

.c3-bars-netOpportunity .c3-bar.show-bar {
  fill: url(#diagonal-stripe-blue) !important; }

.c3-bars-lostOpportunity .c3-bar.show-bar {
  fill: url(#diagonal-stripe-magenta) !important; }

.c3-bars-reductionResults .c3-bar.show-bar {
  fill: url(#diagonal-stripe-green) !important; }

.c3-bars-netOpportunity .c3-bar._expanded_,
.c3-bars-netOpportunity .c3-bar.show-bar-click,
.c3-bars-lostOpportunity .c3-bar._expanded_,
.c3-bars-lostOpportunity .c3-bar.show-bar-click,
.c3-bars-reductionResults .c3-bar._expanded_,
.c3-bars-reductionResults .c3-bar.show-bar-click {
  opacity: 1 !important; }

.c3-bars-hiddenBar .c3-bar {
  opacity: 0 !important; }

.c3-chart-line.c3-target-overTargetValue,
.c3-chart-line.c3-target-underTargetValue,
.c3-chart-line.c3-target-unableToFixValue,
.c3-chart-line.c3-target-excludedValue,
.c3-chart-line.c3-target-unactionableValue,
.c3-chart-line.c3-target-expiredValue,
.c3-chart-line.c3-target-fixedValue,
.c3-chart-line.c3-target-lostOpportunityTooltipOnly,
.c3-chart-line.c3-target-reductionResultsTooltipOnly {
  display: none !important; }

#stockRequirementChartHistory .c3-tooltip-container,
#stockRequirementChart .c3-tooltip-container {
  z-index: 1000; }

#burnoffChartCont .c3-tooltip {
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
  opacity: 1;
  width: 287px;
  padding: 24px 21px;
  height: 100%; }

#burnoffChartCont .c3-tooltip .tooltip-row.legend {
  font-size: 11px;
  line-height: 13px;
  color: #858592;
  padding-bottom: 0px; }

#burnoffChartCont .c3-tooltip .tooltip-row .row-text.gray-6 {
  color: #67676A; }

#burnoffChartCont .c3-tooltip .tooltip-row.tooltip-date {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #363638;
  padding: 0px; }

#burnoffChartCont .c3-tooltip .tooltip-row {
  padding: 18px 0px;
  font-size: 13px;
  line-height: 15px;
  color: #363638; }

#burnoffChartCont .c3-shapes .c3-circle {
  display: none; }

#burnoffChartCont .c3-shapes .c3-circle:nth-child(4n - 3) {
  display: inline; }

#burnoffChartCont .c3-shapes .c3-circle._expanded_,
#burnoffChartCont .c3-shapes .c3-circle._selected_ {
  display: inline; }

#burnoffChartCont .c3-tooltip .tooltip-row.nested-row {
  padding: 12px 0px; }

#burnoffChartCont .c3-tooltip .tooltip-row.nested-row.no-extra-margin {
  padding: 12px 0px; }

#burnoffChartCont .c3-tooltip .tooltip-row .row-left {
  float: left; }

#burnoffChartCont .c3-tooltip .tooltip-row .row-right {
  float: right; }

#burnoffChartCont .c3-tooltip .tooltip-row.nested-row .row-right {
  font-size: 12px;
  line-height: 14px; }

#burnoffChartCont .c3-tooltip .tooltip-row .row-color {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 15px;
  vertical-align: top; }

#burnoffChartCont .c3-tooltip .divider-line {
  margin: 8px -21px;
  margin-bottom: 18px;
  height: 10px;
  border-bottom: 1px solid #D4D4D6; }

#burnoffChartCont .c3-tooltip .tooltip-row .row-text {
  display: inline-block;
  margin-left: 15px;
  max-width: 150px; }

#burnoffChartCont .c3-tooltip .tooltip-row.nested-row .row-text {
  font-size: 12px;
  line-height: 14px;
  margin-left: 24px; }

#burnoffChartCont .c3-tooltip .tooltip-row.nested-row.no-extra-margin .row-text {
  margin-left: 14px; }

.line-48 {
  width: 14px;
  height: 0px;
  display: inline-block;
  border: 2px solid;
  position: absolute;
  top: 6px; }

.circle-48 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 4px; }

.square-48 {
  width: 9px;
  height: 9px;
  position: absolute;
  left: 2px;
  top: 4px; }

#supplierScorecardContainer.container-fluid,
#supplierScorecardContainer .container-fluid {
  margin-left: 0px;
  margin-right: 0px; }

#supplierScorecardContainer .centered,
#supplierScorecardSCAR .centered {
  text-align: center; }

#supplierScorecardContainer .right,
#scorecardTableCont .right {
  text-align: right;
  padding-right: 8px; }

#supplierScorecardContainer h4 {
  font-size: 18px; }

#supplierScorecardContainer .colored,
#scorecardTableCont .colored {
  background: #eee; }

#supplierScorecardContainer .white,
#scorecardTableCont .white {
  background: #fff; }

#supplierScorecardContainer .col-md-1,
#supplierScorecardContainer .col-md-2,
#supplierScorecardContainer .col-md-3,
#supplierScorecardContainer .col-md-4,
#supplierScorecardContainer .col-md-5,
#supplierScorecardContainer .col-md-6,
#supplierScorecardContainer .col-md-7,
#supplierScorecardContainer .col-md-8,
#supplierScorecardContainer .col-md-9,
#supplierScorecardContainer .col-md-10,
#supplierScorecardContainer .col-md-11,
#supplierScorecardContainer .col-md-12 {
  padding: 2px 0px; }

#supplierScorecardSCAR .col-md-1,
#supplierScorecardSCAR .col-md-2,
#supplierScorecardSCAR .col-md-3,
#supplierScorecardSCAR .col-md-4,
#supplierScorecardSCAR .col-md-5,
#supplierScorecardSCAR .col-md-6,
#supplierScorecardSCAR .col-md-7,
#supplierScorecardSCAR .col-md-8,
#supplierScorecardSCAR .col-md-9,
#supplierScorecardSCAR .col-md-10,
#supplierScorecardSCAR .col-md-11,
#supplierScorecardSCAR .col-md-12 {
  padding: 2px 0px; }

#supplierScorecardContainer #innerScoresContainer .col-md-1,
#supplierScorecardContainer #innerScoresContainer .col-md-2,
#supplierScorecardContainer #innerScoresContainer .col-md-3,
#supplierScorecardContainer #innerScoresContainer .col-md-4,
#supplierScorecardContainer #innerScoresContainer .col-md-5,
#supplierScorecardContainer #innerScoresContainer .col-md-6,
#supplierScorecardContainer #innerScoresContainer .col-md-7,
#supplierScorecardContainer #innerScoresContainer .col-md-8,
#supplierScorecardContainer #innerScoresContainer .col-md-9,
#supplierScorecardContainer #innerScoresContainer .col-md-10,
#supplierScorecardContainer #innerScoresContainer .col-md-11,
#supplierScorecardContainer #innerScoresContainer .col-md-12 {
  padding-left: 4px; }

#supplierScorecardContainer #innerScoresContainer.col-md-12 {
  padding: 0px; }

#supplierScorecardSCAR .col-md-3.shorter {
  width: calc(25% - 8px);
  margin-right: 8px; }

#supplierScorecardSCAR .col-md-9.shorter {
  width: calc(75% - 8px);
  margin-left: 8px; }

#scorecardTableCont .good {
  color: #37C074;
  font-size: 16px; }

#scorecardTableCont .warn {
  color: #F4CE00;
  font-size: 16px; }

#scorecardTableCont .bad {
  color: #DD424F;
  font-size: 16px; }

#scorecardTableCont tr.dataRow.bordered,
#supplierScorecardSCAR tr.dataRow.bordered {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee; }

#scorecardTableCont tr.dataRow .bordered,
#supplierScorecardSCAR tr.dataRow .bordered {
  border-left: 1px solid #eee; }

#scorecardTableCont tr.dataRow .links {
  text-decoration: none;
  font-size: 13px;
  width: 65px;
  display: inline-block;
  color: #333; }

#scorecardTableCont tr.dataRow .links a {
  color: #0584E2;
  cursor: pointer; }

#scorecardTableCont tr.dataRow .links a:hover {
  text-decoration: underline; }

#scorecardTableCont tr.dataRow .innerLight {
  display: inline-block; }

#supplierScorecardContainer .bold,
#scorecardTableCont .bold,
#supplierScorecardSCAR .bold {
  font-weight: bold; }

#scorecardTableCont td,
#supplierScorecardSCAR td {
  padding: 2px 0px;
  padding-left: 4px; }

#scorecardPage .supplierDisplay {
  font-size: 18px;
  color: #0584E2;
  text-decoration: none;
  padding-left: 8px; }

#scorecardPage .supplierDropdown {
  display: inline-block; }

#scorecardPage .supplierDropdown .dropdown-menu {
  border-radius: 2px; }

#scorecardPage .supplierDropdown li > a {
  padding: 4px 8px;
  display: block;
  clear: both;
  line-height: 1.42857143;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87); }

#scorecardPage .supplierDropdown li > a:hover {
  background: #eee;
  cursor: pointer;
  text-decoration: none; }

#scorecardPage .supplierDropdown ul {
  list-style: none;
  padding: 4px 0px;
  margin-bottom: 0; }

#scorecardPage .supplierOptions {
  max-height: 352px;
  overflow-y: auto;
  overflow-x: hidden; }

#supplierScorecardSCAR .scarHeading {
  background: #eee;
  font-weight: bold;
  padding: 2px 0px; }

#supplierScorecardSCAR .initiativeHeading {
  background: #eee;
  font-weight: bold;
  padding: 2px 0px; }

#scorecardTableCont .myTooltip ul,
.performance-tooltip ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.myTooltip.filter-tooltip {
  color: #000;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  font-size: 14px; }

.tooltip .filter-tooltip ul {
  list-style: none;
  padding-top: 8px;
  margin-left: 0;
  padding-left: 0; }

.myTooltip.filter-tooltip.data-sync-tooltip {
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  position: relative;
  width: 244px; }

.myTooltip.data-sync-tooltip .tooltip-body {
  margin-bottom: 10px; }

.myTooltip.data-sync-tooltip .tooltip-link {
  color: #0584E2;
  cursor: pointer; }

.myTooltip.data-sync-tooltip .tooltip-close {
  position: absolute;
  top: -8px;
  right: -10px;
  font-size: 15px;
  color: #8F8F92;
  cursor: pointer; }

#scorecardTableCont .tooltipBody,
#scorecardTableCont .myTooltip,
.performance-tooltip.myTooltip,
.performance-tooltip .tooltipBody {
  text-align: left;
  padding: 0px; }

.performance-tooltip .tooltipIssueBody {
  display: grid;
  width: 100%; }

.performance-tooltip .tooltipIssueLegend {
  margin-bottom: 8px; }

.legendContainer {
  font-size: 0.7rem;
  margin: 8px; }

.tooltip.issue-definition {
  font-size: 0.75rem; }

.tooltip.white-tooltip .tooltip-inner {
  background-color: #FFF;
  color: #000;
  border: 1px solid #DEDEDE;
  opacity: 1;
  border-radius: 1px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.09); }

.tooltip.white-tooltip.no-padding .tooltip-inner {
  padding: 0;
  border: 0; }

.tooltip.white-tooltip.bottom .tooltip-arrow {
  border-bottom-color: #DEDEDE; }

.tooltip.white-tooltip.top .tooltip-arrow {
  border-top-color: #DEDEDE; }

.tooltip.white-tooltip.no-padding.top .tooltip-arrow {
  margin-left: -7px;
  border-width: 10px 10px 0;
  bottom: -5px; }

.tooltip.white-tooltip.no-padding.bottom .tooltip-arrow {
  margin-left: -7px;
  border-width: 0 10px 10px;
  margin-left: -7px;
  top: -5px; }

.tooltip.white-tooltip {
  opacity: 1; }

#scorecardTableCont .myTooltip .good,
#scorecardTableCont .myTooltip .warn,
#scorecardTableCont .myTooltip .bad,
.performance-tooltip .rank-1,
.performance-tooltip .rank-2,
.performance-tooltip .rank-3,
.performance-tooltip .rank-4,
.performance-tooltip .rank-5,
.performance-tooltip .rank-1 {
  color: #c30015;
  font-size: 16px; }

.performance-tooltip .rank-2 {
  color: #f42f2f;
  font-size: 16px; }

.performance-tooltip .rank-3 {
  color: #ff9b30;
  font-size: 16px; }

.performance-tooltip .rank-4 {
  color: #f4ce00;
  font-size: 16px; }

.performance-tooltip .rank-5 {
  color: #7cc4fa;
  font-size: 16px; }

.performance-tooltip .rank-9999 {
  color: #b6e4ff;
  font-size: 16px; }

.performance-tooltip .rank-inactive {
  color: #8F8F92;
  font-size: 16px; }

.performance-tooltip .label-inactive {
  font-style: italic; }

#scorecardTableCont .tooltipHeader,
.performance-tooltip .tooltipHeader {
  padding-bottom: 2px; }

#scorecardTableCont .tableHeader {
  background: #ddd; }

ul#password-requirements i.fa-check-square {
  color: #37C074; }

ul#password-requirements i.fa-square-o {
  color: grey; }

span.fa.form-control-feedback {
  top: 25px; }

span.fa.form-info {
  margin-left: 5px;
  font-size: 11px;
  color: #0584E2; }

span.fa.header-tooltip {
  margin-left: 5px;
  font-size: 15px;
  color: #0584E2;
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  align-content: center; }

#passwordStrengthProgress {
  height: 10px;
  margin-top: 5px;
  width: 200px; }

#changePasswordFormColumn {
  padding-left: 0px; }

#changePassword .tooltipBody {
  text-align: left;
  padding: 0px; }

.hasTooltip {
  border-bottom: 1px dashed #0584E2;
  text-decoration: none; }

div.tooltip ul {
  padding-left: 15px; }

.tooltip-inner {
  max-width: 400px; }

#supplierScorecardSCAR .scarBody {
  padding: 2px 4px;
  border: 1px solid #ddd;
  line-height: 1.42857143; }

#supplierScorecardSCAR .scarBody .inlineEditInput {
  background: #fff; }

#supplierScorecardSCAR .scarBody .inlineEditButtons {
  float: none;
  text-align: right; }

.bold {
  font-weight: bold; }

i.selected {
  color: #0584E2;
  cursor: pointer; }

i.selectable {
  cursor: pointer; }

input[type=radio].with-font,
input[type=checkbox].with-font {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f1db";
  letter-spacing: 10px;
  font-size: 1.2em;
  color: #ccc;
  width: 1.4em;
  cursor: pointer; }

input[type=radio].with-font ~ label,
input[type=checkbox].with-font ~ label {
  cursor: pointer; }

#existingDatabase.with-font:checked ~ label.existing:before,
#existingCustomer.with-font:checked ~ label.existing:before,
#newCustomer.with-font:checked ~ label:before,
#newDatabase.with-font:checked ~ label:before,
input[type=checkbox].with-font:checked + label:before,
input[type=radio].with-font:checked + label:before {
  content: "\f192";
  font-size: 1.2em;
  color: #0584E2;
  letter-spacing: 5px; }

#existingDatabase.with-font:focus ~ label.existing:before,
#existingCustomer.with-font:focus ~ label.existing:before,
#newCustomer.with-font:focus ~ label:before,
#newDatabase.with-font:focus ~ label:before {
  color: #0584E2; }

input[type=checkbox].with-font ~ label:before {
  content: "\f096"; }

input[type=checkbox].with-font:checked ~ label:before {
  content: "\f14a" !important; }

input[type=radio].with-font:disabled ~ label:before,
input[type=radio].with-font:disabled ~ label {
  cursor: not-allowed; }

.embeddedBody .form-control[disabled] {
  background-color: #fff;
  border-color: #eee;
  border-right-style: solid;
  border-bottom-style: solid;
  box-shadow: none; }

.embeddedBody .ng-invalid,
.formClass .ng-invalid {
  border: 1px solid #DD424F !important; }

.embeddedBody form.ng-invalid,
form.formClass.ng-invalid {
  border: none !important; }

.formClass .form-control,
.form-group div.ui-select-container.ui-select-bootstrap.dropdown.ng-invalid {
  border-radius: 2px !important; }

.formClass label {
  margin-bottom: 3px; }

.formClass label .errorLabel {
  color: #DD424F; }

.embeddedBody .firstCol,
.modal-body .firstCol {
  padding-left: 0px; }

.modal-body .lastCol {
  padding-right: 0px; }

.modal-body.less-padding {
  padding: 8px 16px; }

.formClass .form-group {
  line-height: 20px; }

.ui-select-container i.caret.pull-right {
  height: 10px; }

.checkboxGroup {
  margin-bottom: 4px; }

.embeddedBody.newForm .editLabel {
  line-height: 24px;
  font-weight: 600; }

.embeddedBody.newForm .value {
  line-height: 24px; }

.embeddedBody.newForm .firstCol {
  width: 200px; }

.actionsButton {
  display: inline-block;
  float: left;
  margin-bottom: 8px; }

.actionsButton.no-float {
  float: none; }

.actionsButton.separator {
  margin-top: 8px; }

.newForm .value i {
  font-size: 16px;
  padding-top: 4px;
  cursor: pointer;
  margin-left: -4px; }

.newForm .value i.noHover {
  font-size: 16px;
  padding-top: 4px;
  margin-left: -4px;
  cursor: default; }

.newForm .value i.selected {
  color: #0584E2; }

.newForm .userDetails {
  margin-bottom: 16px; }

.embeddedBody .nav.nav-tabs li > a,
.general-tabs-section .nav.nav-tabs li > a {
  cursor: pointer;
  color: #0584E2; }

.general-tabs-section.item-drilldown {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 100; }

.embeddedBody .nav.nav-tabs li.active > a {
  cursor: pointer;
  color: #404040; }

.c3-lines-lowerValue,
.c3-lines-upperValue,
.c3-lines-nominalValue {
  stroke-dasharray: 5, 5;
  display: none; }

.c3-line-trend {
  stroke-dasharray: 5, 5; }

.c3-circles-trend circle {
  display: none; }

#factorySearch,
#customerSearch {
  padding: 4px 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8; }

#factorySearch input,
#customerSearch input {
  height: 24px;
  line-height: 13px;
  font-size: 13px;
  border-radius: 2px; }

.c3-legend-item-pastDuePOs,
.c3-target-pastDuePOs {
  display: none; }

.history-chart .c3-legend-item-pastDuePOs,
.history-chart .c3-target-pastDuePOs,
.stock-requirement-chart .c3-target-pastDuePOs,
.stock-requirement-chart .c3-target-pastDueReqs {
  display: block; }

g.c3-chart-line.c3-target.c3-target-lowerValue .c3-circle,
g.c3-chart-line.c3-target.c3-target-upperValue .c3-circle,
g.c3-chart-line.c3-target.c3-target-nominalValue .c3-circle {
  display: none; }

.quality-chart .c3-axis-x .tick {
  display: block; }

.inlineEditParent {
  position: relative; }

.inlineEditHoverIcon {
  font-size: 13px;
  display: none; }

.inlineEditSource,
.inlineEditHoverIcon,
.taskDescription .fa-pencil {
  cursor: pointer; }

.inlineEditHover:hover .inlineEditHoverIcon {
  display: inline-block; }

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

.textAreaEdit textarea {
  resize: none; }

.textAreaEdit.description-area textarea {
  height: 264px; }

.c3-ygrid-lines .c3-ygrid-line.upperLimit line,
.c3-ygrid-lines .c3-ygrid-line.lowerLimit line {
  stroke: #ff0000 !important;
  stroke-dasharray: 5, 5; }

.c3-ygrid-lines .c3-ygrid-line.nominalLimit line {
  stroke: #c12283 !important;
  stroke-dasharray: 5, 5; }

#qualityChartsSlideShow .panel-heading.clearfix:hover {
  cursor: default; }

.qualityChartsHeader {
  font-size: 24px; }

.qualityChartsHeaderContainer {
  text-align: center; }

span.qualityChartsfilter {
  font-size: 18px; }

#qualityChartsSlideShow .widget.panel.panel-default {
  margin-bottom: 10px; }

.errorBlock {
  color: #DD424F;
  font-style: italic;
  font-size: 18px; }

.noLeftNav {
  overflow-y: hidden;
  height: 100%;
  width: 100%;
  min-height: 560px;
  background: #f1f1f1; }

.noLeftNav#myAssignments {
  min-height: inherit; }

.noLeftNav .newPageTitle {
  padding: 16px;
  box-shadow: 0px 0px 1px #d1d1d1;
  border-bottom: 1px solid #ddd; }

.separatorBullet {
  padding-left: 2px;
  padding-right: 2px; }

.loadingRow {
  min-height: 350px;
  padding-top: 100px; }

.panelHeader {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px; }

.fieldLabel {
  font-size: 11px;
  margin-bottom: 3px;
  line-height: 16px;
  color: #888; }

.fieldValue {
  font-size: 14px;
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ddd;
  height: 29px; }

.sectionHeader {
  font-size: 16px;
  padding-bottom: 8px;
  padding-top: 8px; }

.historyHolder {
  font-size: 14px;
  margin-bottom: 16px; }

.historyUser {
  color: #888;
  font-size: 11px; }

.historyTime {
  font-size: 11px;
  float: right;
  color: #888; }

.removeHolder {
  display: inline-block;
  width: 8px;
  margin-left: 4px;
  padding-left: 4px; }

.fieldValue .hoverIcon,
.panelHeader .hoverIcon,
.messageBody .hoverIcon,
.historyTime .hoverIcon {
  display: none; }

.fieldValue:hover .hoverIcon,
.panelHeader:hover .hoverIcon,
.messageBody:hover .hoverIcon,
.historyHolder:hover .historyTime .hoverIcon {
  display: inline-block;
  cursor: pointer; }

.historyHolder:hover .historyTime .hoverIcon {
  cursor: pointer; }

.innerRow .historyHolder.col-md-12 {
  padding-left: 0px;
  padding-right: 0px; }

.nav.navbar-nav.navbar-right > li.myTasksLink {
  padding-right: 18px; }

.nav.navbar-nav.navbar-right > li.myTasksLink a {
  height: 41px;
  width: 41px;
  padding: 8px;
  margin-top: 4px;
  border-radius: 50%; }

.nav.navbar-nav.navbar-right > li.myTasksLink a:after {
  display: none; }

.nav.navbar-nav.navbar-right > li.myTasksLink a svg {
  height: 25px;
  fill: white; }

.myTasksLink > a > i {
  font-size: 20px; }

.nav.navbar-nav.navbar-right > li.myTasksLink.active > a > i {
  color: #FFF; }

.nav.navbar-nav.navbar-right > li.dropdown a.settings-toggle {
  height: 42px;
  width: 42px;
  font-family: Arial;
  padding: 6px 0 0 6px;
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 50%; }

.nav.navbar-nav.navbar-right > li.dropdown a.settings-toggle .settingsInitials {
  height: 30px;
  width: 30px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  text-align: center; }

.nav.navbar-nav.navbar-right > li.myTasksLink a:hover,
.nav.navbar-nav.navbar-right > li.myTasksLink a:focus,
.nav.navbar-nav.navbar-right > li.dropdown a.settings-toggle:hover,
.nav.navbar-nav.navbar-right > li.dropdown a.settings-toggle:focus {
  background-color: rgba(255, 255, 255, 0.15); }

.taskPrimary .bad {
  color: #DD424F; }

.c3-ygrid-line.lowerLimit text,
.c3-ygrid-line.upperLimit text,
.c3-ygrid-line.nominalLimit text {
  display: none; }

.c3-ygrid-line.lowerLimit text,
.c3-ygrid-line.upperLimit text,
.c3-ygrid-line.nominalLimit text {
  display: none; }

#qualityChartsSlideShow .c3-axis.c3-axis-x text,
#qualityChartsSlideShow .c3-axis.c3-axis-x tspan {
  font-size: 10px; }

.metricName.disabled {
  color: #9D9D9D; }

.metricInputSectionHeader {
  padding: 8px; }

.metricInputSectionBody {
  border: 1px solid #eee !important;
  margin-bottom: 10px;
  border-radius: 0;
  margin-top: 0px; }

.metricInputRow {
  border-top: 1px solid #ddd;
  padding: 4px;
  margin-left: 0px;
  margin-right: 0px; }

.metricInputRow:first-child {
  border-top: 0px solid #ddd !important; }

.metricInputRow input[type=checkbox] {
  vertical-align: text-bottom; }

.metricInputRow input.has-error {
  border-color: red; }

.metricInputRow a {
  cursor: pointer; }

#valueStreamReportCard .filtersContainer {
  display: none; }

.uploadProcessing {
  text-align: center;
  height: 80px;
  padding-top: 16px; }

.uploadError {
  minHeight: 80px; }

.uploadError .errorHeader {
  color: #DD424F;
  font-size: 16px;
  margin-bottom: 8px; }

.uploadError .errorMessage {
  font-style: italic; }

.modal-dialog.upload {
  width: 1000px; }

.upload .updateSummary {
  width: 300px; }

.updateSummary .summaryItem {
  padding-bottom: 4px; }

.updateSummary .summaryLabel {
  display: inline-block; }

.updateSummary .summaryValue {
  display: inline-block;
  float: right;
  font-weight: bold; }

.summaryValue.good {
  color: #37C074;
  font-size: 13px; }

.summaryValue.bad {
  color: #DD424F;
  font-size: 13px; }

.uploadSuccess {
  font-weight: bold; }

.failureDetails {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid #d8d8d8; }

/* Common Styles Start */
.error-desc {
  color: #DD424F; }

/* Common Styles End */
/* Value Stream Report Card Styles Start */
.titleBar {
  height: 60px; }

.titleBar .workCenterTitle {
  font-size: 28px;
  font-weight: bold; }

.titleBar .workCenterTitle .viewChange .valueStreamSubTitle {
  font-size: 14px;
  font-weight: normal; }

.titleBar .workCenterTitle .viewChange a {
  color: black; }

.titleBar .workCenterTitle .viewChange .fa-caret-down {
  font-size: 18px;
  padding-left: 1px; }

.titleBar .customerLogo {
  height: 60px;
  text-align: center;
  font: 0/0 a; }

.titleBar .customerLogo:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.titleBar .customerLogo .customerLogoImage {
  display: inline-block;
  vertical-align: middle;
  font: 16px/1 Arial sans-serif; }

#valueStreamReportCardReport .valueStreamDropDown {
  height: 450px;
  overflow: auto; }

#valueStreamReportCardReport .todaysDate {
  display: table; }

#valueStreamReportCardReport .reportCardDatePicker {
  height: 34px;
  background: #005fa5;
  border: none;
  text-align: center; }

#valueStreamReportCardReport.embeddedBody {
  overflow-y: auto;
  height: 100%;
  width: 100% !important;
  padding-right: 16px;
  padding-top: 0;
  margin-left: 0 !important;
  padding-left: 16px;
  min-height: 560px; }

#valueStreamReportCardReport .workcenterTitle {
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size: 30px;
  vertical-align: top; }

#valueStreamReportCardReport .smartTable,
#priceBreakAnalysis .smartTable {
  border-left: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8; }

#valueStreamReportCardReport .smartTable th,
#priceBreakAnalysis .smartTable th {
  white-space: normal;
  font-weight: bold;
  color: #3C3C3C;
  padding: 4px 8px 3px 8px;
  font-size: 13px;
  line-height: 16px;
  background: #eeeeee;
  border: 1px solid #d8d8d8;
  border-left: 0;
  border-top: 0;
  height: 26px;
  overflow: hidden; }

#valueStreamReportCardReport .smartTable td,
#priceBreakAnalysis .smartTable td {
  padding: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  border-left: 0;
  border-top: 0;
  color: #404040;
  font-size: 13px;
  line-height: 16px; }

#valueStreamReportCardReport .smartTable td.disabledCell {
  background-color: #C0C0C0; }

#valueStreamReportCardReport .smartTable td.greenCell {
  background: #37c074; }

#valueStreamReportCardReport .smartTable tr:hover td.greenCell,
#valueStreamReportCardReport .smartTable tr.selected td.greenCell {
  background: #0c9d4d; }

#valueStreamReportCardReport .smartTable td.yellowCell {
  background: #F4CE00; }

#valueStreamReportCardReport .smartTable tr:hover td.yellowCell,
#valueStreamReportCardReport .smartTable tr.selected td.yellowCell {
  background-color: #ffef96; }

#valueStreamReportCardReport .smartTable td.redCell {
  background: #D50100;
  color: white; }

#valueStreamReportCardReport .smartTable tr:hover td.redCell,
#valueStreamReportCardReport .smartTable tr.selected td.redCell {
  background-color: #a60404; }

#valueStreamReportCardReport .embeddedBody {
  height: auto;
  min-height: auto; }

#valueStreamReportCardReport .header {
  width: 100%;
  font-weight: bold;
  background: #005fa5;
  color: white; }

#valueStreamReportCardReport .valueStreamName {
  float: left;
  text-align: center;
  border-right: 3px solid #4579B5;
  width: 69%;
  padding: 7px 0px; }

#valueStreamReportCardReport .todayDate {
  width: 15%;
  float: left;
  text-align: center;
  padding: 5px 0px;
  position: relative; }

#valueStreamReportCardReport .titleBar {
  height: auto;
  margin-bottom: 20px; }

#valueStreamReportCardReport .report-holder {
  padding-left: 30px;
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-start;
  position: relative;
  margin-bottom: 20px; }

#valueStreamReportCardReport .vertical-text-container {
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  z-index: 999;
  /* stretch to the full height of "report-holder" */
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }

#valueStreamReportCardReport .report-holder .table {
  margin-bottom: 0; }

#valueStreamReportCardReport .vertical-text-container .rotated-text {
  display: inline-block;
  overflow: hidden;
  padding-left: 4px; }

#valueStreamReportCardReport .vertical-text-container .rotated-text .rotated-text-inner {
  display: inline-block;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  -webkit-transform: translate(0, 3.125em) rotate(-90deg);
  -moz-transform: translate(0, 3.125em) rotate(-90deg);
  -o-transform: translate(0, 3.125em) rotate(-90deg);
  transform: translate(0, 3.125em) rotate(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0; }

#valueStreamReportCardReport .vertical-text-container .rotated-text.daily {
  height: 170px;
  padding-top: 60px; }

#valueStreamReportCardReport .vertical-text-container .rotated-text.weekly {
  height: 257px;
  padding-top: 11px; }

#valueStreamReportCardReport .vertical-text-container .rotated-text.monthly {
  height: 431px;
  padding-top: 11px; }

#valueStreamReportCardReport .vertical-text-container .rotated-text.monthly .rotated-text-inner,
#valueStreamReportCardReport .vertical-text-container .rotated-text.weekly .rotated-text-inner {
  font-size: 12px; }

#valueStreamReportCardReport .vertical-text-container .rotated-text .rotated-text__inner:before {
  content: "";
  float: left;
  margin-top: 100%; }

#valueStreamReportCardReport .verticalImage {
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  z-index: 999;
  float: left;
  width: 30px;
  position: absolute; }

#valueStreamReportCardReport .dailyImage {
  background: url("/application/library/ui_images/daily.png") no-repeat scroll center center transparent;
  height: 100%; }

#valueStreamReportCardReport .weeklyImage {
  background: url("/application/library/ui_images/weekly.png") no-repeat scroll center center transparent;
  height: 100%; }

#valueStreamReportCardReport .monthlyImage {
  background: url("/application/library/ui_images/monthly.png") no-repeat scroll center center transparent;
  height: 100%; }

#valueStreamReportCardReport #dropdownTable td {
  padding: 10px; }

#showYearMonthDropdown div {
  color: black;
  padding: 10px;
  padding-bottom: 10px;
  font-family: normal;
  width: 200px; }

#valueStreamReportCardReport .fa-calendar {
  font-size: 14px;
  cursor: pointer; }

#valueStreamReportCardReport .escText,
#individualPerformanceModal .escText {
  font-size: 10px;
  float: right; }

/* Value Stream Report Card Styles End */
.browserBanner {
  position: fixed;
  text-align: center;
  width: 100%;
  color: #fff;
  background: #DD424F;
  z-index: 1031;
  margin-top: 40px; }

.browserBanner a {
  float: right;
  color: #fff;
  cursor: pointer;
  margin-right: 4px; }

.browserBanner a:hover {
  text-decoration: none; }

.browserBanner a > i {
  padding-top: 2px; }

.reportEntryName {
  cursor: pointer; }

#poTOActionChartCont .c3-axis-y-label,
#poTOActionChartCont .c3-axis-y2-label {
  font-size: 16px; }

#poTOActionChartCont .c3-axis-x .tick:nth-child(odd),
#pqByCostChart .c3-axis-x .tick:nth-child(odd),
.progress-chart .c3-axis-x .tick:nth-child(odd),
#lostTimeParetoChart .c3-axis-x .tick:nth-child(odd),
#assessmentScoringChart .c3-axis-x .tick:nth-child(odd),
#historyChart .c3-axis-x .tick:nth-child(odd) {
  display: block; }

.updateTargets .saveButton {
  float: right;
  padding: 5px 10px; }

.updateTargets .saveButton .button {
  width: 80px;
  text-align: center; }

.noStyleButton {
  all: unset;
  cursor: pointer; }

.has-error {
  outline: none;
  border: 1px solid !important;
  border-color: red !important; }

.target-copy .modal-dialog {
  width: 500px; }

.priceBreakAnalysis .control-label {
  width: 200px; }

#priceBreakAnalysis .smartTable td.red {
  border: 2px solid #C00; }

#priceBreakAnalysis .smartTable td.green {
  border: 2px solid #00CE00; }

.kanban-board {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  border-right: 0;
  margin-top: 4px; }

.kanban-column {
  flex: 1 0 0%;
  max-width: 400px;
  min-width: 200px;
  border-bottom: 1px solid #d8d8d8; }

.kanban-column .sortable-container {
  overflow-y: auto;
  border-right: 1px solid #d8d8d8; }

.kanban-card {
  width: calc(100% - 16px);
  margin: 8px;
  margin-top: 0px;
  border: 1px solid #d8d8d8;
  padding: 4px 8px;
  position: relative;
  background: #fff;
  cursor: move;
  border-radius: 2px; }

.kanban-card:hover {
  background: #f1f1f1; }

.kanban-card .card-top {
  display: block;
  width: 100%; }

.kanban-card .card-name {
  font-size: 13px;
  color: #0584E2;
  overflow: hidden;
  padding-bottom: 8px;
  display: inline-block;
  width: calc(100% - 26px); }

.kanban-card .card-name a {
  color: #0584E2; }

.card-a3-icon {
  float: right;
  display: inline-block;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  line-height: 13px;
  padding: 2px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.54); }

#projectSearch .table-a3-icon,
.leandna-grid .table-a3-icon {
  display: inline-block;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  margin-right: 5px;
  line-height: 9px;
  padding: 2px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.54);
  font-size: 10px; }

#projectSearch .table-a3-icon.greenState,
.leandna-grid .table-a3-icon.good,
.dmaicLetter.good {
  font-size: 10px;
  background: #37C074;
  color: #fff; }

#projectSearch .table-a3-icon.completeState,
.leandna-grid .table-a3-icon.complete,
.dmaicLetter.complete {
  font-size: 10px;
  background: #005FA5;
  color: #fff; }

.card-a3-icon.good {
  font-size: 13px;
  background: #37C074;
  color: #fff; }

.card-a3-icon.bad {
  background: #F42F2F;
  font-size: 13px;
  color: #fff; }

.card-a3-icon.warn {
  background: #FFE349;
  font-size: 13px;
  color: #000; }

.card-a3-icon.complete {
  background: #005FA5;
  font-size: 13px;
  color: #fff; }

.kanban-card .card-a3-icon.complete {
  background: #005FA5;
  font-size: 13px;
  color: #fff; }

.kanban-card .card-bottom-placeholder {
  height: 24px; }

.kanban-card .card-owner {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54); }

.kanban-card .card-savings {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54); }

.kanban-column-total {
  color: #37C074;
  font-size: 18px;
  text-align: center;
  padding: 8px 0px;
  height: 42px;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8; }

.kanban-column-total.bad {
  color: #F42F2F; }

.kanban-column-header {
  font-size: 16px;
  color: white;
  background: #005FA5;
  height: 32px;
  text-align: center;
  padding-top: 6px;
  position: relative; }

.kanban-column-header .stage-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0px 16px; }

.kanban-column:first-child .kanban-column-header {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px; }

.kanban-column:first-child .kanban-column-total {
  border-top-left-radius: 16px; }

.kanban-column:last-child .kanban-column-total {
  border-top-right-radius: 16px; }

.kanban-column:first-child .kanban-column-total,
.kanban-column:first-child .sortable-container {
  border-left: 1px solid #d8d8d8; }

.kanban-column:last-child .kanban-column-header {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px; }

.kanban-column:first-child .kanban-arrow-right {
  display: none; }

.kanban-arrow-right {
  position: absolute;
  width: 0px;
  height: 0px; }

.kanban-arrow-right.arrow-top {
  top: 2px;
  z-index: 100;
  border-left: 14px solid #005FA5;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent; }

.kanban-arrow-right.arrow-bottom {
  top: 0px;
  z-index: 99;
  border-left: 16px solid #FFF;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent; }

.kanban-card .card-due-date {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54); }

.kanban-card .card-due-date.bad {
  color: #F42F2F; }

.kanban-column .move-success {
  background: #A8F4CA; }

.kanban-column .move-failure {
  background: #FFA6A6; }

.kanban-column .done-move {
  background: #fff;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear; }

.kanban-column .kanban-card.move-success,
.kanban-column .kanban-card.move-failure {
  border: 1px solid #000;
  box-shadow: 0 0 4px 0 #000;
  background: #fff; }

.kanban-column .kanban-card.done-move {
  border: 1px solid #d8d8d8;
  box-shadow: none;
  -webkit-transition: border 1000ms linear, box-shadow 1000ms linear;
  -moz-transition: border 1000ms linear, box-shadow 1000ms linear;
  -o-transition: border 1000ms linear, box-shadow 1000ms linear;
  -ms-transition: border 1000ms linear, box-shadow 1000ms linear;
  transition: border 1000ms linear, box-shadow 1000ms linear; }

.leandna-grid {
  margin-top: 4px; }

#projectSearch .table-a3-icon.redState,
.leandna-grid .table-a3-icon.bad,
.dmaicLetter.bad {
  background: #F42F2F;
  font-size: 10px;
  color: #fff; }

#projectSearch .table-a3-icon.yellowState,
.leandna-grid .table-a3-icon.warn,
.dmaicLetter.warn {
  background: #FFE349;
  font-size: 10px;
  color: #000; }

.dmaicLetter.complete {
  color: #fff;
  background: #005FA5;
  font-size: 12px; }

.dmaicLetter.warn,
.dmaicLetter.bad,
.dmaicLetter.good {
  font-size: 12px; }

.leandna-grid .ui-grid-header-cell .table-header-1 {
  background-color: #76C2FE !important; }

.leandna-grid .ui-grid-header-cell .table-header-2 {
  background-color: #BAE0FE !important; }

.leandna-grid .ui-grid-header-cell.table-header-1 {
  background-color: #76C2FE !important; }

.leandna-grid .ui-grid-header-cell.table-header-2 {
  background-color: #BAE0FE !important; }

.leandna-grid .ui-grid-header-cell .ui-grid-cell-contents {
  height: 54px;
  white-space: normal;
  -ms-text-overflow: clip;
  -o-text-overflow: clip;
  text-overflow: clip;
  overflow: hidden;
  width: 100%;
  background: #eeeeee;
  border-bottom: 0; }

.leandna-grid .ui-grid-header-cell:hover .ui-grid-cell-contents {
  width: calc(100% - 22px); }

.leandna-grid .ui-grid-cell-contents.red,
.leandna-grid .ui-grid-cell-contents .name-text.red {
  background: #D50100;
  color: #FFF; }

.leandna-grid .ui-grid-cell-contents.orange {
  background: #FF9C18; }

.leandna-grid .ui-grid-cell-contents.yellow {
  background: #FFE535; }

.leandna-grid .leandna-row-hover .ui-grid-cell-contents.red,
.leandna-grid .leandna-row-hover .ui-grid-cell-contents .name-text.red {
  background-color: #a60404; }

.leandna-grid .leandna-row-hover .ui-grid-cell-contents.orange {
  background-color: #f27d00; }

.leandna-grid .leandna-row-hover .ui-grid-cell-contents.yellow {
  background-color: #ffef96; }

.leandna-grid .ui-grid-pinned-container .ui-grid-header-cell .ui-grid-cell-contents {
  width: 100%; }

.leandna-grid .ui-grid-header-cell .ui-grid-column-menu-button-last-col {
  margin-right: 0px; }

.leandna-grid .ui-grid-header-cell {
  background: #eeeeee;
  border-color: #d8d8d8; }

.leandna-grid .ui-grid-header-cell span > i.sort-icon {
  position: absolute;
  left: 4px;
  top: 4px;
  color: #404040; }

.leandna-grid .ui-grid-header-cell span > i {
  color: rgba(0, 0, 0, 0.54); }

.leandna-grid .ui-grid-header-cell .ui-grid-header-cell-label {
  padding-left: 16px;
  display: block; }

.leandna-grid .ui-grid-header-cell .not-sorted .ui-grid-header-cell-label {
  padding-left: 0px; }

.leandna-grid .ui-grid-top-panel {
  background: #eeeeee; }

.leandna-grid .ui-grid-cell-contents {
  color: #404040;
  font-size: 13px;
  line-height: 16px;
  border-color: #d8d8d8;
  padding: 4px 8px;
  background: #fff;
  border-bottom: 1px solid #d8d8d8; }

.leandna-grid .ui-grid-cell-contents.stage-padding {
  padding: 3px 8px 3px 8px; }

.leandna-grid .ui-grid-cell-contents.stage-padding .stage-text-only {
  padding-top: 1px;
  padding-bottom: 1px; }

.leandna-grid .ui-grid-menu-button {
  top: -35px;
  color: #6D6D6D;
  background: #fff;
  border: 0;
  right: 6px; }

.leandna-grid .ui-grid-menu-button .ui-grid-icon-container {
  padding: 5px 8px 5px 8px; }

.leandna-grid .ui-grid-menu-button .ui-grid-icon-container i {
  font-size: 14px;
  width: 3px; }

.leandna-grid .ui-grid-menu-button .ui-grid-icon-container:hover {
  background: #eee; }

.leandna-grid .ui-grid-menu .ui-grid-menu-inner ul li button {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  border: 0; }

.leandna-grid .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.leandna-grid .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  box-shadow: none;
  background: #eee; }

.leandna-grid .ui-grid-column-menu .ui-grid-menu {
  top: -40px; }

.leandna-grid .ui-grid-menu .ui-grid-icon-cancel {
  color: rgba(0, 0, 0, 0.87); }

.leandna-grid .ui-grid-menu .ui-grid-menu-inner ul li button:hover .ui-grid-icon-cancel {
  color: rgba(0, 0, 0, 0.87); }

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

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

.leandna-grid a {
  color: #0584E2;
  text-decoration: none;
  cursor: pointer; }

.leandna-grid a:hover {
  color: #0584E2;
  text-decoration: underline; }

.leandna-grid .name-cell,
.leandna-grid .inline-edit-cell,
.legacy-action {
  position: relative;
  padding: 0; }

.leandna-grid .name-cell .name-text,
.leandna-grid .inline-edit-cell .name-text {
  padding: 4px 8px;
  text-overflow: ellipsis;
  overflow: hidden; }

.leandna-grid .name-cell:hover .name-text.has-delete,
.leandna-grid .name-cell:hover .name-text.has-approve,
.leandna-grid .name-cell:hover .name-text.has-archive {
  width: calc(100% - 18px); }

.leandna-grid .name-cell:hover .name-text.has-delete.has-approve,
.leandna-grid .name-cell:hover .name-text.has-archive.has-approve {
  width: calc(100% - 36px); }

.leandna-grid .inline-edit-cell:hover .name-text {
  width: calc(100% - 56px); }

.leandna-grid .inline-edit-cell .inlineActionIcons {
  position: absolute;
  right: 8px;
  top: 6px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  display: none; }

.leandna-grid .name-cell .inlineActionIcons,
.legacy-action .inlineActionIcons {
  position: absolute;
  right: 8px;
  top: 4px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.54);
  display: none; }

.legacy-action .inlineActionIcons.static {
  position: static;
  line-height: 18px; }

.legacy-action .inlineActionIcons {
  top: 0; }

.leandna-grid .name-cell .inlineActionIcons i:hover,
.leandna-grid .inline-edit-cell .inlineActionIcons i:hover,
.legacy-action .inlineActionIcons i:hover {
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer; }

.leandna-grid .name-cell:hover .inlineActionIcons,
.leandna-grid .inline-edit-cell:hover .inlineActionIcons,
.legacy-action .inlineActionIcons {
  display: block; }

.leandna-grid .inlineActionIcons i,
.legacy-action .inlineActionIcons i {
  margin-left: 4px; }

.leandna-grid .ui-grid-cell {
  border-color: #d8d8d8; }

.leandna-grid .ui-grid-cell:last-child {
  border-right: 1px solid #d8d8d8; }

.leandna-grid .ui-grid-icon-menu {
  display: none; }

.leandna-grid .stage-complete,
.project-complete {
  background: #005FA5;
  color: white;
  text-align: center;
  display: block; }

.leandna-grid .ui-grid-cell-contents.bad {
  background: #DD424F;
  color: #fff; }

.leandna-grid .ui-grid-row-selected .ui-grid-cell-contents,
.leandna-grid .leandna-row-hover .ui-grid-cell-contents {
  background: #D1E3EF; }

.leandna-grid .ui-grid-row-selected .ui-grid-cell-contents.bad,
.leandna-grid .leandna-row-hover .ui-grid-cell-contents.bad,
.leandna-grid .ui-grid-row-selected .ui-grid-cell-contents.red,
.leandna-grid .leandna-row-hover .ui-grid-cell-contents.red {
  background: #A60404; }

.leandna-grid .ui-grid-column-menu-button {
  display: none; }

.leandna-grid .ui-grid-header-cell:hover .ui-grid-column-menu-button {
  display: block; }

.cursor-pointer {
  cursor: pointer; }

.bigNumberGroup .row {
  margin-left: 0px;
  margin-right: 0px; }

.bigNumberGroup .col-xs-6 {
  padding-left: 0px;
  padding-right: 0px; }

.bigNumberCell {
  box-shadow: 0px 4px 9px 0px #adaaaa;
  padding-top: 8px;
  padding-bottom: 8px;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  text-align: center;
  margin: 8px; }

.bigNumberCell:hover {
  background: #dedede; }

.bigNumberCell:active {
  box-shadow: 0 0 1px 0;
  margin: 12px 4px 4px 12px; }

.bigNumberLabel {
  font-size: 18px;
  color: gray; }

.bigNumber {
  font-size: 46.5px;
  color: black; }

.cursor-pointer {
  cursor: pointer; }

.template-dropdown {
  display: inline-block;
  padding-left: 12px;
  font-size: 14px; }

.ui-select-container .ui-select-match .ui-select-match-text span {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%; }

.ui-select-container .ui-select-match-item {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%; }

.ui-select-container .ui-select-match button.ui-select-toggle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.edit-project-container {
  width: calc(100% - 240px);
  position: relative;
  padding-bottom: 30px; }

.edit-project-container .left-section {
  display: block;
  padding-right: 16px;
  height: 100%; }

.edit-project-container .tabset,
.edit-project-container .tabset .tab-content > .tab-pane,
.edit-project-container .tabset .tab-content > .tab-pane .tab-content-container,
.edit-project-container .tabset .tab-content > .tab-pane .tab-content-container .task-report {
  height: 100%; }

.edit-project-container .tabset > .tab-content {
  height: calc(100% - 41px); }

.edit-project-container .tabset .tab-content > .tab-pane .tab-content-container #activityFeed {
  height: 100%;
  overflow-y: auto;
  padding-top: 10px; }

.edit-project-container .tabset .tab-content > .tab-pane .tab-content-container #currentGeneralSection,
.edit-project-container .tabset .tab-content > .tab-pane .tab-content-container #currentMetricSection,
.edit-project-container .tabset .tab-content > .tab-pane .tab-content-container #currentTeamSection,
.edit-project-container .tabset .tab-content > .tab-pane .tab-content-container #currentIssuesSection {
  height: 100%;
  overflow-y: auto; }

.edit-project-container .activity-section,
.edit-project-container .document-section {
  padding-top: 20px; }

.edit-project-container .attachments-section {
  height: 100%; }

.project-detail-section.right-section {
  width: 240px;
  position: absolute;
  right: 0px;
  top: 102px;
  height: calc(100% - 118px);
  border-left: 2px solid #d8d8d8;
  overflow-y: auto; }

.project-detail-section.right-section .project-savings-details {
  color: #686868;
  font-size: 11px; }

.edit-project-container .section-header,
.project-detail-section .section-header,
.section-header {
  display: block;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.76);
  margin-bottom: 7px; }

.edit-project-container .section-content,
.project-detail-section .section-content {
  display: block;
  margin-bottom: 16px; }

.edit-project-container .section-content.loading-content,
.project-detail-section .section-content.loading-content {
  color: rgba(0, 0, 0, 0.76);
  font-size: 16px; }

.loading-content .loading-text {
  display: inline-block; }

.edit-project-container .section-content.empty-content,
.project-detail-section .section-content.empty-content,
.empty-content {
  font-style: italic;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.76); }

.project-detail-section .section-content .col-md-12 {
  padding: 0px 8px; }

.project-detail-section .loading-content {
  text-align: center; }

.edit-project-container .leandna-input,
.project-detail-section .leandna-input {
  width: 100%;
  border: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.54);
  outline: none;
  background: #fff;
  font-size: 16px; }

.edit-project-container .leandna-value,
.project-detail-section .leandna-value {
  font-size: 16px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap; }

.edit-project-container .leandna-value.text-area,
.project-detail-section .leandna-value.text-area {
  display: block;
  text-overflow: initial;
  white-space: pre-wrap;
  max-width: calc(100% - 50px);
  overflow: visible; }

.newPageTitle i.fa-pencil {
  display: none;
  cursor: pointer;
  margin-left: 8px;
  font-size: 16px;
  color: #555; }

.newPageTitle {
  position: relative; }

.newPageTitle .titleContainer {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  flex-direction: row; }

.newPageTitle .titleContainer h1 {
  margin-bottom: 0; }

.newPageTitle.with-banner {
  margin-top: 60px; }

.newPageTitle:hover i.fa-pencil {
  display: inline-block; }

.newPageTitle i.fa-pencil:hover {
  color: #000; }

.leandna-editable:hover .leandna-value {
  max-width: calc(100% - 30px); }

.leandna-editable:hover .leandna-value.text-area {
  max-width: calc(100% - 50px); }

.leandna-editable {
  height: 22px;
  padding-top: 1px;
  padding-bottom: 3px; }

.leandna-editable-auto-height {
  height: auto; }

.leandna-editable.text-area {
  height: auto;
  padding-top: 1px;
  padding-bottom: 3px; }

.leandna-edit {
  font-size: 14px;
  padding-left: 8px;
  cursor: pointer;
  display: none;
  vertical-align: top; }

.leandna-editable:hover .leandna-edit {
  display: inline-block; }

.edit-project-container .leandna-input:focus,
.project-detail-section .leandna-input:focus {
  border-bottom-color: #0584E2; }

.item-modal {
  z-index: 1051 !important; }

.itemDrillDownModal.fade,
.item-modal.fade {
  transition: none !important; }

.document-button .document-remove:hover {
  color: #000; }

.project-buttons .button {
  margin-bottom: 8px;
  width: 160px;
  font-size: 14px;
  line-height: 19px; }

.project-buttons-wrapper {
  overflow: hidden;
  width: 100%; }

.project-buttons {
  margin-top: 16px;
  display: inline-block; }

.edit-project-container .formClass .form-group,
.project-detail-section .formClass .form-group {
  line-height: 18px; }

.task-selector {
  width: 300px;
  margin: 10px 0;
  display: inline-table;
  margin-right: 8px; }

.task-grid td.bad {
  color: white; }

.task-grid td.warn {
  background-color: #FFE349;
  color: white; }

.leandna-grid.task-grid .ui-grid-cell-contents {
  color: #404040;
  font-size: 13px;
  height: 24px;
  line-height: 16px;
  padding: 0;
  background: transparent;
  border: none; }

.leandna-grid.task-grid .ui-grid-cell-contents.grayCell {
  color: gray;
  font-style: italic; }

.leandna-grid.task-grid .name-cell .name-text {
  padding: 4px 28px 4px 0px; }

.smartTableGrid.leandna-grid.task-grid .smartTable td.cell-div {
  padding: 0px 8px; }

#projectsSummaryCharts .c3-axis.c3-axis-x .tick tspan:hover {
  cursor: pointer; }

#projectsSummaryCharts .c3-axis.c3-axis-x .tick tspan {
  fill: #0584E2; }

.leandna-grid .no-results-found-message,
.leandna-grid .loading-table {
  position: absolute;
  top: 80px;
  width: 100%;
  text-align: center; }

.no-results-found-message .no-results-header {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin: 0; }

.no-results-found-message .no-results-suggestion {
  line-height: 16px;
  margin: 0;
  font-weight: normal; }

.leandna-grid .loading-table {
  top: 54px; }

.loading-table-inner {
  width: 240px;
  height: 120px;
  background: #F8F8F8;
  padding-top: 40px;
  margin: 0 auto;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); }

.loading-table p {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold; }

.search-message-row {
  display: block;
  padding-top: 8px;
  width: 100%;
  font-style: italic;
  line-height: 24px;
  height: 32px; }

.smartTableGrid .smartTable tr:hover > td.bad {
  background: #A60404; }

.leandna-grid.task-grid th.st-sort-ascent:before {
  content: '\f062';
  font-family: FontAwesome;
  padding-right: 5px; }

.leandna-grid.task-grid th.st-sort-descent:before {
  content: '\f063';
  font-family: FontAwesome;
  padding-right: 5px; }

.project-tabs-section .nav.nav-tabs,
.leandna-tabs-section .nav.nav-tabs,
.general-tabs-section .nav.nav-tabs {
  border-bottom: 1px solid #d8d8d8; }

.factory-general-tabs-section .nav.nav-tabs {
  border-bottom: unset; }

.project-tabs-section .nav.nav-tabs > li,
.general-tabs-section .nav.nav-tabs > li,
.factory-general-tabs-section .nav.nav-tabs > li,
.leandna-tabs-section .nav.nav-tabs > li {
  text-align: center; }

.project-tabs-section .nav.nav-tabs > li > a,
.leandna-tabs-section .nav.nav-tabs > li > a,
.factory-general-tabs-section .nav.nav-tabs > li > a,
.general-tabs-section .nav.nav-tabs > li > a {
  color: rgba(0, 0, 0, 0.76);
  border: 0;
  border-bottom: 2px solid transparent; }

.general-tabs-section.lower-case .nav.nav-tabs > li > a {
  text-transform: none; }

.project-tabs-section .nav.nav-tabs > li > a:hover,
.leandna-tabs-section .nav.nav-tabs > li > a:hover,
.factory-general-tabs-section .nav.nav-tabs > li > a:hover,
.general-tabs-section .nav.nav-tabs > li > a:hover {
  color: #000;
  background: transparent; }

.project-tabs-section .nav.nav-tabs > li.active > a,
.leandna-tabs-section .nav.nav-tabs > li.active > a,
.factory-general-tabs-section .nav.nav-tabs > li.active > a,
.general-tabs-section .nav.nav-tabs > li.active > a {
  color: #000;
  font-weight: bold;
  border: 0;
  border-bottom: 2px solid #0584E2; }

.general-tabs-section .nav.nav-tabs > li.active.hide-tab-selection > a {
  border-bottom: none; }

.project-viewable.formClass {
  display: inline-block;
  padding-top: 12px;
  padding-right: 64px; }

.empty-tab {
  font-size: 16px;
  font-style: italic;
  margin-top: 4px;
  padding-top: 8px; }

body > .ui-select-bootstrap.open {
  z-index: 1200; }

#projectTaskForm .linkColor:hover,
#projectIssueForm .linkColor:hover {
  color: #0584E2;
  cursor: pointer; }

.ui-select-match.btn-default-focus {
  outline: none;
  box-shadow: none; }

.ui-select-container.ng-invalid .ui-select-match {
  height: 35px; }

.ui-select-container.ng-invalid .ui-select-match span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.empty-value {
  color: #999;
  font-style: italic; }

.project-field-edit .fa-pencil {
  color: #999; }

.project-field-edit:hover {
  cursor: pointer; }

.project-field-edit:hover .fa-pencil {
  color: #333333; }

#projectTaskForm .error-container,
#projectIssueForm .error-container {
  position: relative;
  top: -15px;
  clear: both; }

#projectTaskForm .error-message,
#projectIssueForm .error-message {
  color: #DD424F;
  margin-bottom: 0; }

.center {
  text-align: center; }

.leandna-editable .text-area-container {
  display: inline-block;
  width: 100%; }

.general-tabs-section ul.nav.nav-tabs {
  padding-left: 10px; }

.general-tabs-section ul.nav.nav-tabs li a {
  padding-left: 8px;
  padding-right: 8px; }

.padding-top-10 {
  padding-top: 10px; }

.smartTableGrid .smartTable th.fullWidthColumn {
  width: 100%; }

.smartTableGrid.leandna-grid.task-grid.tableBodyDivClass {
  border-right: none;
  border-bottom: none; }

.drilldown-add-task {
  position: absolute;
  right: 20px;
  top: 6px; }

.no-overflow {
  overflow: hidden; }

.history-user,
.history-time {
  display: inline-block;
  width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.history-comment {
  display: inline-block;
  width: calc(100% - 248px);
  vertical-align: top; }

.history-time {
  color: rgba(0, 0, 0, 0.54);
  text-align: right; }

.history-row {
  border-bottom: 2px solid #d8d8d8;
  padding-top: 0px;
  padding-bottom: 2px;
  line-height: 16px; }

.history-row ~ .history-row {
  padding-bottom: 3px;
  padding-top: 7px; }

.slide-in-link {
  cursor: pointer;
  color: #0584e2; }

.slide-in-link:hover {
  text-decoration: underline; }

.bigNumberGroup.verysmall .bigNumberCell .bigNumberLabel {
  font-size: 10.5px;
  color: black; }

.bigNumberGroup.verysmall .bigNumberCell .bigNumber {
  font-size: 12.5px;
  color: black; }

.bigNumberGroup.small .bigNumberCell .bigNumber {
  font-size: 25.5px;
  color: black; }

.bigNumberGroup.medium .bigNumberCell .bigNumber {
  font-size: 35.5px;
  color: black; }

.bigNumberGroup.large .bigNumberCell .bigNumber {
  font-size: 46.5px;
  color: black; }

.inlineEditIcon.custom-fields {
  float: right;
  padding: 5px 8px 0 4px;
  display: none; }

.badge-notification {
  position: absolute;
  background: #f42f2f;
  top: 2px;
  right: 2px;
  text-align: center;
  font-size: 10px;
  border-radius: 2px;
  color: white;
  font-family: 'Arial', 'Helvetica', sans-serif;
  border: 1px solid #fff;
  padding: 1px 3px;
  line-height: 13px; }

li.myTasksLink a.notification-holder {
  padding-bottom: 13px;
  position: relative; }

.activity-user .fa-exclamation-triangle {
  color: #f4ce00; }

.activity-user .fa-check {
  color: #0c9d4d; }

.activity-user .fa-times {
  color: rgba(244, 47, 47, 0.54); }

.show-inside-panel {
  display: none; }

.jumbotron.no-background {
  background: #fff; }

.gantt-row-content .gantt-task.good,
.gantt-row-content .gantt-task.warn,
.gantt-row-content .gantt-task.bad {
  font-size: inherit; }

.gantt-row-content .gantt-task-content {
  color: #363638; }

.gantt-row-content .gantt-task .gantt-task-content {
  display: table; }

.gantt-row-content .gantt-task .gantt-task-content > span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 2px; }

.gantt-task .gantt-task-info-content {
  color: #333; }

.gantt-task.movable {
  cursor: move; }

.end-date.changed {
  background: #7cc4fa; }

.end-date.unchanged {
  background: #fff;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear; }

@media print {
  .no-print-on-a3 {
    display: none !important; }
  #a3FullScreen {
    visibility: visible;
    overflow: visible; }
  #initiativeA3 {
    visibility: visible;
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .modal {
    width: 100%;
    visibility: visible;
    display: block;
    float: none !important;
    box-sizing: content-box !important;
    position: relative !important;
    overflow: visible !important;
    /**Remove scrollbar for printing.**/
    overflow: visible !important; }
  .modal-dialog {
    width: 100%;
    visibility: visible !important;
    /**Remove scrollbar for printing.**/
    overflow: visible !important; } }

.ui-grid-cell-contents .ui-grid-icon-plus-squared,
.ui-grid-cell-contents .ui-grid-icon-minus-squared {
  cursor: pointer; }

.leandna-grid-cell-indicator {
  display: inline-block;
  margin-right: 20px; }

.leandna-grid-cell-indicator.none-text {
  display: none; }

.leandna-grid .ui-grid-disable-selection {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: auto; }

.metricsController {
  padding-bottom: 20px; }

#initiativeA3 .row.itemDetailBodyPadding.bottomPadding {
  padding-bottom: 24px; }

#editProject.embeddedBody {
  overflow: hidden; }

#editProject .title a.help {
  padding-top: 5px; }

#projectTaskPanel .error-message,
#projectIssuePanel .error-message {
  color: #DD424F;
  padding-bottom: 10px; }

#projectTaskPanel.my-work .ellipsis-text,
#projectIssuePanel.my-work .ellipsis-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block; }

#projectTaskPanel.my-work .description-field,
#projectIssuePanel.my-work .description-field {
  height: auto; }

.leandna-grid-cell-indicator.arrow .fa-arrow-up,
.leandna-grid-cell-indicator.arrow .fa-arrow-down {
  display: none; }

.leandna-grid-cell-indicator.arrow.up-arrow .fa-arrow-up,
.leandna-grid-cell-indicator.arrow.down-arrow .fa-arrow-down {
  display: block; }

#kpiReportGrid .leandna-grid-cell-indicator {
  margin-right: 5px; }

#procurementPoliciesGrid,
#procurementAbcAnalysisGrid {
  height: auto !important; }

#procurementPoliciesGrid .ui-grid-viewport,
#procurementAbcAnalysisGrid .ui-grid-viewport {
  height: auto !important;
  overflow-x: auto !important; }

#procurementAbcAnalysisGridContainer {
  padding-top: 10px; }

#procurementPoliciesGrid.leandna-grid.grid.default-height,
#procurementAbcAnalysisGrid.leandna-grid.grid.default-height {
  height: 120px !important; }

#procurementAbcAnalysisGrid.leandna-grid.grid.default-height .ui-grid-footer-panel,
#procurementPoliciesGrid.leandna-grid.grid.default-height .ui-grid-footer-panel {
  display: none; }

#lostTimePage .leandna-grid .name-cell .inlineActionIcons.actionColumn,
.legacy-action .inlineActionIcons {
  display: block; }

#assessmentScoringChart .c3-chart-texts .c3-target-rating .c3-texts-rating .c3-text {
  fill: black !important;
  font-size: 14px; }

.dropdown-menu > li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 24px;
  background: #fff;
  /* This is for a very strange issue happening with a few computers where the dropdown is somewhat transparent*/ }

.settings-dropdown-menu.dropdown-menu > li > a,
.settings-dropdown-menu .dropdown-menu > li > a {
  padding: 10px 40px 10px 36px; }

.dropdown-menu > li > a.has-check {
  padding-left: 5px; }

.settings-dropdown-menu .dropdown-menu > li > a.has-check {
  padding-left: 21px; }

.settings-dropdown-menu .dropdown-menu > li > a.has-check i {
  position: relative;
  right: 5px; }

.full-width {
  display: block; }

.relative {
  position: relative; }

#viewAssessmentGrid .ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important; }

#viewAssessmentGrid .ui-grid-row,
#viewAssessmentGrid .ui-grid-cell {
  height: auto !important; }

#viewAssessmentGrid .ui-grid-row div[role=row] {
  display: flex;
  align-content: stretch; }

#viewAssessmentGrid ol {
  display: list-item;
  padding-left: 0px !important;
  padding-bottom: 5px;
  margin-left: 6px;
  margin-right: 2px; }

#viewAssessmentGrid .ui-grid-row.ui-grid-tree-header-row .ui-grid-cell-contents {
  text-overflow: ellipsis;
  white-space: nowrap !important; }

#viewAssessmentGrid .ui-grid-row.ui-grid-tree-header-row .ui-grid-cell {
  height: 25px !important; }

.textAreaEdit.description-area textarea.inlineEditInput.error {
  height: 250px; }

@media only screen and (max-width: 768px) {
  .navbar-default .navbar-collapse {
    padding-left: 40px; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  #navbar .nav.navbar-nav {
    float: left; }
  .navbar-nav > li {
    float: left; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: transparent; }
  #settingsDropdown .dropdown-menu.multi-level {
    right: 0;
    left: auto;
    border: inherit;
    position: absolute;
    margin-top: 5px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px; }
  #settingsDropdown ul.dropdown-menu {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin-top: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute; }
  #settingsDropdown .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 0px; }
  #settingsDropdown .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; }
  #settings-dropdown-menu.dropdown-menu.settings-dropdown-menu > li > a,
  #settings-dropdown-menu.settings-dropdown-menu .dropdown-menu > li > a {
    padding: 10px 40px 10px 36px; }
  #settingsDropdown .dropdown-menu > li > a.has-check {
    padding-left: 5px; } }

#editProject.supplier-view {
  margin-left: 25px !important; }

.gantt-column-name,
.gantt-column-task-name {
  width: 170px; }

.gantt-column-project-manager,
gantt-column-responsible {
  width: 120px; }

.gantt-column-percent-complete {
  width: 50px; }

.gantt-column-percent-complete .gantt-table-header .gantt-label-text {
  pointer-events: all; }

.gantt-column-name .gantt-table-content .gantt-table-row .gantt-valign-container .gantt-label-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden; }

.gantt-row-label span.gantt-label-text,
.gantt-side-header-row {
  padding-right: 0px; }

#projectGanttChart .gantt-task .gantt-task-info {
  z-index: 1050;
  margin-top: -55px !important; }

.target-missing-message i.fa.fa-exclamation-triangle {
  color: #FBCF0A;
  font-size: 15px; }

#reportCardModal .customerLogoImage {
  height: 60px; }

.ui-select-container .ui-select-toggle {
  z-index: 1; }

.ui-select-container .caret {
  z-index: -1; }

.user-single-select .caret {
  display: none; }

.ui-select-multiple.ui-select-bootstrap.carrot-spacing {
  padding-bottom: 3.68px; }

.table-header {
  font-size: 18px;
  font-weight: bold; }

.searchBlock ::-ms-clear,
.leftNavSearch ::-ms-clear {
  width: 0;
  height: 0; }

.well.well-sm table {
  width: 100%; }

.table.widgetTable a:hover {
  cursor: pointer; }

.controlTower td.up {
  color: #37C074;
  white-space: nowrap; }

.controlTower td.down {
  color: #CC3B47;
  white-space: nowrap; }

.control-tower-column-selection.advancedOptions {
  position: absolute;
  right: 16px;
  top: -30px; }

div.modal.item-modal.fade.right {
  position: unset; }

#actionsEmbedded div#subject span.inlineEditSource,
#procTaskPanel #subject {
  word-wrap: break-word; }

.dashboard-container lean-table .filterRemoveIcon {
  display: block; }

#projectSavingsForm .saving input {
  width: 90%;
  display: inline-block;
  text-align: right; }

#projectSavingsForm .saving.currency-code input {
  width: 75%; }

#projectSavingsForm .montly-saving-fiscal-year {
  padding-bottom: 15px; }

#projectSavingsForm .form-group.col-xs-3.label-text {
  line-height: 34px; }

#projectSavingsForm .monthly-savings .form-group {
  margin-bottom: 5px; }

#projectSavingsForm .saving input::-ms-clear,
#projectSavingsForm .saving input::-ms-reveal {
  display: none; }

#projectSavingsForm .saving input[type=number]::-webkit-inner-spin-button,
#projectSavingsForm .saving input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.no-tag-results {
  font-weight: bold;
  font-style: italic;
  margin-top: 4px;
  margin-left: 8px; }

#addTemplateTaskForm #taskResponsible span.ui-select-match-text span {
  width: calc(100% - 15px); }

.dropdown-with-clear #projectTemplateTaskDropDown span.ui-select-match-text span {
  width: calc(100% - 20px); }

.customer-success-delta-value {
  color: #333;
  padding-left: 15px; }

.deltaArrowContainer.delta-value-with-kpi {
  width: calc(100% - 50px); }

.customer-success.kpi-goal {
  color: #0584E2;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  text-align: left; }

.cell-div span.circle {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5em;
  margin-right: 15px;
  text-align: center;
  width: auto;
  margin-bottom: 1px;
  padding: 0 10px; }

.no-margin {
  margin: 0 !important; }

my-prs-to-firm-chart .c3-axis-x .tick,
my-current-shortages-chart .c3-axis-x .tick,
.my-current-shortages-chart .c3-axis-x .tick {
  fill: #0584E2;
  cursor: pointer; }

.row.project-savings-cell i {
  display: none; }

.row.project-savings-cell:hover i {
  display: inline-block; }

.row.project-savings-cell .copy-container {
  padding: 0; }

.inlineEditDiv .ui-select-choices-group-label {
  color: #333333;
  font-weight: bold;
  padding: 8px 10px 8px;
  min-height: 1em;
  font-size: 15px; }

.ui-select-choices-group-label.dropdown-header {
  padding: 3px 7px 4px;
  font-size: 15px;
  color: black;
  font-weight: bold; }

.ui-select-choices-group .ui-select-choices-row-inner div {
  text-overflow: ellipsis;
  overflow: hidden; }

.c3-legend-item .c3-legend-item-tile.line-shape {
  stroke-linecap: square;
  stroke-width: 2; }

.auto-width {
  width: auto !important; }

.projected-shortage-form .radio-options label {
  font-weight: normal;
  padding-right: 15px; }

.manage-user #genericTableTemplate .grid-container.with-tabs {
  height: calc(100vh - 330px); }

.manage-user .tab-with-buttons #genericTableTemplate .grid-container.with-tabs {
  height: calc(100vh - 355px); }

.widgetTable th.st-sort-ascent:after {
  content: '\f062';
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle; }

.widgetTable th.st-sort-descent:after {
  content: '\f063';
  font-family: FontAwesome;
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle; }

th[st-sort]:not(.st-sort-ascent):not(.st-sort-descent):after {
  font-family: FontAwesome;
  content: '\f0dc';
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  opacity: .3; }

th[st-sort]:not(.st-sort-ascent):not(.st-sort-descent):hover:after {
  opacity: 1;
  visibility: visible; }

.customer-success-kpi-fields {
  width: calc(100% - 15px);
  display: inline-block; }

.factory-basic-info p {
  padding: 0 0 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 170px; }

.my-work.slideInDismiss {
  font-size: 30px;
  color: #868686;
  float: right;
  cursor: pointer; }

.my-work-project {
  position: fixed;
  right: 10px;
  top: 0; }

#projectSavingsCategoryForm.formClass label {
  font-size: 14px;
  line-height: 20px; }

#projectSavingsCategoryForm.formClass .loading-text {
  float: left; }

.browserIE11EndOfLifeBanner {
  text-align: center;
  width: 100%;
  color: #FFFFFF;
  background: #EB0537;
  font-size: 17px;
  font-family: Arial;
  font-weight: bold;
  font-style: normal;
  padding: 16px 0;
  display: none; }

.browserIE11EndOfLifeBanner.show {
  display: block; }

.browserIE11EndOfLifeBanner a {
  color: #ffffff;
  cursor: pointer;
  text-decoration: underline; }

#newProjectForm .site-selector-subtitle {
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #67676A;
  margin-left: 5px; }

#newProjectForm .site-selector-subtitle {
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #67676A;
  margin-left: 5px; }

#newProjectForm .site-selector-back-arrow {
  display: inline-block;
  width: 15px;
  height: 20px;
  vertical-align: text-bottom;
  margin-right: 5px;
  cursor: pointer; }

.inline-exclam.fa-exclamation-circle {
  color: #FD9800;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px; }

.inline-check.fa-check-circle {
  color: #5C9F07;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px; }

.slide-in-container .circle {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5em;
  text-align: center;
  width: auto;
  margin-bottom: 1px;
  padding: 0 10px; }

.slide-in-container .circle.blue {
  background: #083D78; }

.slide-in-container .circle.red {
  background: #a60404; }

.slide-in-container .circle.yellow {
  background: #f9c306; }

.slide-in-container .circle.green {
  background: #0c9d4d; }

.fieldValue.no-bottom-border {
  border: none;
  height: auto;
  min-height: 29px; }

.fieldValue.comment {
  height: auto;
  min-height: 29px; }

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

.form-check.inline-block {
  display: inline-block;
  margin-left: 8px; }

.form-check.inline-block label {
  font-size: 14px; }

.sftp-nowrap {
  word-wrap: break-word;
  max-width: 200px; }

.credential-manage-date-col {
  width: 120px;
  max-width: 120px;
  min-width: 110px; }

.credential-manage-delete-col {
  width: 70px; }

.sftp-delete-button {
  all: unset;
  cursor: pointer; }

.sftp-copy-button {
  all: unset;
  cursor: pointer; }

.accordion-sftp div {
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0  !important;
  border: unset  !important;
  padding-bottom: 4px !important;
  box-shadow: unset;
  cursor: grab !important; }

.accordion-sftp div div h4 a {
  padding: 0 !important; }

.formHeaderAccordion {
  margin-bottom: 12px;
  font-weight: bold;
  margin-top: 11px;
  padding-bottom: 2px; }

.formHeaderAccordion h4 {
  font-size: 18px;
  line-height: 20px; }

.nav-tabs-clear {
  border-bottom: 1px solid #d8d8d8; }

.sftp-userName {
  text-align: left;
  font-weight: bold;
  font-size: 16px; }

.sftp-empty-table {
  text-align: center;
  padding-top: 40px !important; }

.leandnaConnectKeyExpire {
  color: #DD424F; }

.leandnaConnect-secret {
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #0584E2;
  border-radius: 5px;
  padding: 10px;
  word-wrap: break-word;
  width: 90%;
  margin-left: 5%; }

.leandnaConnect-copy {
  width: 70%; }

.transfer .transfer-list-container {
  display: inline-block; }

.transfer .transfer-list ul.transfer-list-content {
  padding-inline-start: 0px; }

.transfer .transfer-list {
  color: #333333;
  display: block;
  padding: 0;
  min-width: 350px;
  width: 350px;
  height: 500px; }

.transfer .transfer-list-search-wrapper {
  position: relative;
  height: auto;
  padding: 0; }

.transfer .transfer-checkbox input.disabled {
  opacity: .7; }

.transfer .transfer-operation {
  height: 500px; }

.transfer .transfer-operation button.button {
  width: 153px;
  height: 36px;
  border-radius: 2px;
  padding: 9px 20px;
  background-color: #0584E2;
  color: white;
  border: none;
  margin-bottom: 15px; }

.transfer .transfer-operation button.button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  background-color: #0584E2;
  color: white; }

.transfer .transfer-list-header-search {
  border-bottom: 1px solid #e9e9e9; }

.transfer .transfer-list-header-search input.transfer-list-search {
  border-bottom: 1px solid #e9e9e9;
  border: 0;
  padding-left: 15px;
  height: 40px;
  font-size: 14px; }

.transfer .transfer-list-header {
  position: relative; }

.transfer .transfer-list-body {
  font-size: 14px;
  height: calc(100% - 80px);
  overflow: hidden; }

.transfer .transfer-list-body .transfer-list-content-item {
  padding: 5px 16px 0 16px; }

.transfer .transfer-list-body .transfer-list-content-item .list-item.disabled {
  color: #AFAFB1;
  font-style: italic;
  font-weight: 400; }

.transfer .transfer-list-header-selected {
  font-size: 14px;
  color: #333;
  font-weight: 400; }

.transfer .transfer-checkbox {
  line-height: inherit;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.transfer .transfer-list-header label {
  font-size: 14px;
  color: #333; }

.transfer .transfer-list-search {
  width: calc(100% - 34px); }

.nav.navbar-nav .supplier-view-info {
  align-items: center;
  color: white;
  display: flex;
  font-family: Arial;
  font-size: 16px;
  height: 100%;
  padding: 0px 10px 0px 6px; }

.supplier-view-button {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  color: white;
  padding: 5px 15px; }

.nav.navbar-nav .supplier-view-button .image svg {
  width: 15px;
  fill: white; }

.nav.navbar-nav .supplier-view-button .button-label {
  background-color: transparent;
  color: white;
  font-size: 16px;
  padding-left: 5px; }

.supplier-preview-group-icon-container {
  margin-top: 10px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 1px solid white;
  border-radius: 50%;
  color: white;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  text-align: center; }

.supplier-preview-group-icon-container .icon {
  display: flex;
  align-items: center;
  height: 100%;
  width: 18px;
  margin: auto;
  color: white; }

#supplierPortalConfig .configOptionGroups {
  display: flex; }

#supplierPortalConfig .configOptionGroups .optionGroup {
  width: max-content;
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 30px;
  background-color: #F0F0F2; }

#supplierPortalConfig .configOptionGroups .options {
  align-items: center;
  justify-content: center;
  display: flex;
  background-color: #F8F8FA;
  padding-left: 20px;
  padding-right: 20px; }

#supplierPortalConfig .configOptionGroups .options label.switch {
  margin-bottom: 0; }

#supplierPortalConfig .configOptionGroups .options span.detail {
  padding-left: 10px; }

.noOptionGroup .checkbox {
  margin-bottom: 0;
  margin-top: 5px; }

.setup-type-container {
  width: 100%; }

.setup-type-container .setup-type-button {
  background-color: #727272;
  border: none;
  border-bottom: 3px solid #0584E2;
  border-radius: 0;
  color: white;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: left;
  width: 100%; }

.setup-type-container .setup-type-button .setup-type-title {
  display: inline-block;
  padding-left: 15px;
  width: calc(100% - 28px); }

.setup-type-title .image {
  display: inline-block;
  height: 13px;
  margin-right: 7px;
  vertical-align: text-top;
  width: 13px; }

.setup-type-container .dropdown-menu {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0px 0;
  width: 100%; }

.setup-type-container .dropdown-menu .setup-group-option-container:hover {
  background-color: #A3A3A3;
  cursor: pointer; }

.setup-type-container .dropdown-menu .setup-group-option {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 16px 20px; }

.setup-type-container .dropdown-menu .setup-group-option img {
  display: inline-block;
  height: 13px;
  margin-right: 7px; }

.setup-type-container .dropdown-menu .setup-group-option .setup-group-text {
  margin-bottom: 0; }

.setup-site-selector-container {
  padding-bottom: 20px;
  border-bottom: 3px solid #E5E5E8;
  margin-bottom: 10px; }

.setup-site-selector-container .admin-site-select {
  background: #F0F0F2;
  border-radius: 2px;
  padding: 6px 12px; }

#documentUploadForm .upload-type svg {
  vertical-align: text-bottom; }

#documentUploadForm .upload-type.upload-task svg {
  color: #0584E2; }

#documentUploadForm .upload-type.upload-issue svg {
  color: #E30C3B; }

#documentUploadForm .upload-type.upload-project svg {
  color: #5C9F07; }

#documentUploadForm .upload-type-selected .upload-type {
  display: inline-block;
  vertical-align: top; }

.no-widgets-found {
  min-height: 200px;
  text-align: center; }

.no-widgets-found span {
  position: absolute;
  top: 50%;
  left: 40%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 15px; }

.widget-search .form-control-feedback {
  cursor: pointer;
  top: 0;
  color: #333333;
  pointer-events: auto;
  z-index: 3; }

.widget-search input.form-control {
  padding-right: 30px; }

.widget-search .input-group-btn {
  pointer-events: none; }

.widget-search .btn:hover {
  background: none;
  border-color: #ccc;
  cursor: auto;
  pointer-events: none; }

.number-circle {
  width: 1.5em;
  height: 1.5em;
  box-sizing: initial;
  background: black;
  border: 0.1em solid black;
  color: white;
  text-align: center;
  border-radius: 50%;
  line-height: 1.5em; }

.schedule-delivery-upload-modal .step .number-circle {
  display: inline-block;
  font-size: 10px; }

.schedule-delivery-upload-modal .step {
  vertical-align: top; }

.schedule-delivery-upload-modal .step-action {
  line-height: 1.5em;
  font-size: 1.125rem; }

.schedule-delivery-upload-modal .action-container {
  min-height: 42px;
  display: flex;
  align-items: center; }

.schedule-delivery-upload-modal .action-container,
.schedule-delivery-upload-modal .step-details {
  margin: 0 0 0.75rem; }

.schedule-delivery-upload-modal .action-container:last-child,
.schedule-delivery-upload-modal .step-details:last-child {
  margin-bottom: 0; }

.schedule-delivery-upload-modal .upload-column-list {
  padding-left: 25px; }

.modal-header-container {
  display: flex;
  align-items: center;
  align-content: space-between;
  flex-wrap: wrap;
  padding: 0 15px; }

.modal-header-container {
  display: flex;
  align-items: center;
  align-content: space-between;
  flex-wrap: wrap;
  padding: 0 15px; }

.modal-header-container .close-button {
  flex: 1; }

.modal-header-container .close-button button.close {
  line-height: unset; }

.modal-body-container {
  padding: 0 15px; }

.templates-task-report-container {
  height: calc(100% - 50px); }

.schedule-delivery-upload-modal .step-details .clear-fields {
  display: flex;
  align-items: flex-start;
  line-height: 14px;
  padding-bottom: 15px; }

.schedule-delivery-upload-modal .step-details .clear-fields input[type="checkbox"] {
  margin: 0; }

.schedule-delivery-upload-modal .step-details .clear-fields span {
  padding-left: 5px; }

.reportsSharedWithMe .panel-heading a {
  position: relative; }

.newSharedReportBadge {
  border-radius: 3px;
  border: 1px solid #727272;
  background-color: #727272;
  padding: 1px;
  margin-right: 5px;
  font-size: 8px;
  height: 13px;
  line-height: 8px;
  color: white; }

.newSharedReportCount {
  border-radius: 3em;
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;
  background: #727272;
  color: #fff;
  text-align: center;
  font-size: 12px;
  display: inline-block;
  position: absolute;
  right: 5px;
  margin-top: 2px;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em; }

.data-pipline-health-check svg,
.data-pipline-health-check-trend svg {
  height: 13px;
  width: 14px;
  color: #0584E2; }

a.data-pipeline-rerun {
  padding-left: 3px; }

a.data-pipeline-mark-failed {
  padding-left: 5px;
  font-size: 16px; }

a.data-pipline-health-check,
a.data-pipline-health-check-trend {
  padding-left: 5px; }

.datepicker-no-clear .uib-clear {
  display: none; }

.datepicker-cursor-pointer .panel-heading {
  cursor: pointer; }

.report-container-wrapper {
  height: 100%; }

.icon-in-text {
  position: relative;
  top: 4px;
  margin-left: 4px;
  margin-right: 2px; }

.failedRowsTitle.has-excel {
  height: 32px; }

.failedRowsTitle.has-excel .column-drawer-icon {
  float: right; }

.failedRowsTitle.has-excel > .failed-rows-text {
  line-height: 32px; }

.ui-select-container .caret {
  pointer-events: none; }

.kei-page-wrapper {
  min-height: 100%; }

#initiativeA3 a,
#initiativeA3 a span,
#initiativeA3 a strong {
  color: #0584E2; }

#initiativeA3 .header-cell.close-icon {
  vertical-align: top;
  height: 40px;
  font-size: 18px;
  color: #868686; }

#initiativeA3.modal-body {
  padding: 0;
  font-size: 14px; }

#initiativeA3 table.table.ng-table-responsive tbody td {
  font-size: 14px; }

#initiativeA3 .red {
  color: #D50100; }

#initiativeA3 .bold {
  font-weight: bold; }

#initiativeA3 a:focus {
  text-decoration: none !important; }

#initiativeA3 > .modal-header {
  padding-bottom: 0px;
  border-bottom: none;
  padding: 0; }

#initiativeA3 > .modal-body {
  padding-top: 0px;
  padding: 0; }

#initiativeA3 .row {
  display: -webkit-flex;
  display: flex;
  padding-top: 10px;
  padding-bottom: 0px; }

#initiativeA3 .row .col {
  padding-bottom: 10px;
  -webkit-flex: 1;
  flex: 1; }

#initiativeA3 .row.task-quad:first-child {
  border-top: 2px solid #E0E0E0; }

#initiativeA3 .row.task-quad:last-child {
  border-bottom: 2px solid #E0E0E0; }

#initiativeA3 .row.task-quad .col {
  padding-bottom: 10px; }

#initiativeA3 .row.task-quad .col:first-child {
  padding-right: 5px; }

#initiativeA3 .row.task-quad .col:last-child {
  padding-left: 5px; }

#initiativeA3 .row .col .panel {
  margin-bottom: 0px; }

#initiativeA3 .bottom-border {
  border-bottom: 2px solid #E0E0E0; }

#initiativeA3 .right-border {
  border-right: 2px solid #E0E0E0; }

#initiativeA3 .left-border {
  border-left: 2px solid #E0E0E0; }

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

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

#initiativeA3 .initiativeName {
  font-weight: bold;
  font-size: 18px; }

#initiativeA3 .header-cell {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  line-height: 40px; }

#initiativeA3 .link-accordion {
  padding: 0 15px; }

#initiativeA3 .tasks td {
  padding: 5px; }

#initiativeA3 .no-data {
  font-style: italic; }

.panel-body.mainInitiative .row:nth-last-child(n+2) {
  padding-bottom: 10px; }

.panel-body .description-body {
  white-space: pre-wrap; }

.sectionHeader {
  height: 56px;
  background-color: #fafafa;
  cursor: pointer; }

.row .sectionHeader span {
  text-decoration: none;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.76);
  cursor: pointer;
  line-height: 56px; }

.sectionHeader h4 {
  font-size: 16px;
  line-height: 56px;
  color: rgba(0, 0, 0, 0.76); }

.row .sectionHeader span i {
  line-height: 56px; }

.equal,
.equal > div[class*='col-'] {
  display: -webkit-flex;
  display: flex; }

.margin20LR {
  margin-left: 20px;
  margin-right: 20px; }

.taskTable {
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0; }

.taskTable thead {
  background-color: #f0f0f0; }

.taskTable tbody .tasks td {
  border-right: 1px solid #f0f0f0; }

.taskTable th {
  text-align: left; }

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

.taskGrid .ng-table-pager {
  display: none; }

#initiativeA3 .panel {
  height: 100%;
  border-radius: 0px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4); }

#initiativeA3 .panel-default > .panel-heading {
  background-color: #eeeeee;
  color: rbga(0, 0, 0, 0.87);
  font-weight: bold;
  border-radius: 0px;
  padding: 2px 10px; }

/*.initiativeStatus i {
	font-size: 28px;
	vertical-align: middle;
	background-color: transparent !important;
}*/
.initiativeStatus .color-bad {
  color: #F42F2F; }

.initiativeStatus .color-warn {
  color: #FFE349; }

.initiativeStatus .color-good {
  color: #37C074; }

.initiativeStatus .color-complete {
  color: white; }

.initiativeStatus .fa-check-circle {
  color: #005FA5; }

.percentCell {
  text-align: center;
  font-weight: bold;
  color: white;
  display: block; }

.color-10-good {
  background-color: #37C074; }

.color-20-warn {
  color: black;
  background-color: #FFE349; }

.color-30-bad {
  background-color: #F42F2F; }

.taskTable thead th.header {
  border: 1px solid #E0E0E0 !important; }

.row.itemDetailBodyPadding .panel.panel-default.fullWidthPanel {
  border: 0px !important;
  border-width: 0px !important; }

.row.itemDetailBodyPadding .panel-body {
  padding: 5px 10px;
  border: 0px; }

.red-bold {
  color: #D50100;
  font-weight: bold; }

.red-bold font {
  font-weight: normal;
  font-size: 11px; }

@media print {
  .link-accordion {
    display: none; }
  .initiativeManager {
    width: 240px; }
  body {
    -webkit-print-color-adjust: exact; }
  .color-10-good {
    background-color: #37C074 !important; }
  .color-20-warn {
    background-color: #FF9B30 !important; }
  .color-30-bad {
    background-color: #F42F2F !important; }
  .initiativeStatus .color-30-bad {
    color: #F42F2F !important; }
  .initiativeStatus .color-20-warn {
    color: #FF9B30 !important; }
  .initiativeStatus .color-10-good {
    color: #37C074 !important; }
  .initiativeStatus .color-30-bad::before {
    color: #F42F2F !important; }
  .initiativeStatus .color-20-warn::before {
    color: #FF9B30 !important; }
  .initiativeStatus .color-10-good::before {
    color: #37C074 !important; }
  #initiativeA3 .panel-default > .panel-heading {
    background-color: #eeeeee !important;
    color: rbga(0, 0, 0, 0.87) !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    box-shadow: none !important; }
  .row.itemDetailBodyPadding .panel-body {
    padding: 15px;
    box-shadow: none !important; }
  .panel-body .description-body {
    white-space: pre-wrap; }
  .sectionHeader {
    height: 56px;
    background-color: #fafafa !important; }
  .hide-on-print {
    display: none; }
  .print-text-size {
    font-size: 14px; }
  .page-break-print {
    page-break-after: always !important; }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .visible-xs {
    display: none !important; }
  .hidden-xs {
    display: block !important; }
  table.hidden-xs {
    display: table; }
  tr.hidden-xs {
    display: table-row !important; }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important; }
  .hidden-xs.hidden-print {
    display: none !important; }
  .hidden-sm {
    display: none !important; }
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; }
  .taskTable thead tr th:first-child {
    display: none; }
  .no-print {
    display: none !important; }
  #initiativeA3 .row {
    display: block; }
  #intiativeA3 .row .customChart {
    float: none;
    margin: 0 auto; }
  #a3FullScreen {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    visibility: visible !important; } }

.modalHeader .modal-title {
  font-size: 20px; }

.modalHeader .slideInDismiss {
  font-size: 28px;
  line-height: 28px; }

.taskDetailModalBody {
  padding-bottom: 30px; }

.tableBodyDivClass {
  overflow: auto;
  border: 1px solid #d8d8d8;
  min-height: 0%;
  position: relative; }

.smartTableGrid {
  overflow-x: auto;
  margin-top: 4px; }

.smartTableGrid.noMargin {
  margin-top: 0; }

.noScrollHeader .smartTable {
  border-collapse: separate; }

.noScrollHeader {
  overflow-x: hidden;
  overflow-y: hidden;
  border-right: 1px solid #d8d8d8;
  margin-top: 4px; }

.noScrollHeader th {
  border-bottom: 0; }

.smartTableGrid a {
  color: #0584E2;
  text-decoration: none;
  cursor: pointer; }

.smartTableGrid .fa.linkColor,
.fa.linkColor {
  color: #0584E2;
  cursor: pointer; }

.smartTableGrid .show-on-hover {
  display: none;
  color: #0584E2; }

.smartTableGrid .taskStatusCell:hover .show-on-hover {
  display: block; }

.extra-margin.linkColor {
  margin-right: 4px; }

.smartTableGrid .grayColor,
.grayColor {
  color: #B8B8B8; }

.smartTableGrid a:hover {
  color: #0584E2;
  text-decoration: underline; }

.smartTableGrid .smartTable {
  background: #fff;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate !important; }

.floatThead-container .floatThead-table {
  border-collapse: separate !important;
  border-spacing: 0px; }

.smartTableGrid.scrollable-area .smartTable {
  table-layout: auto; }

.smartTableGrid .smartTable td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  border-left: 0;
  border-top: 0;
  width: 80px;
  color: #404040;
  font-size: 13px;
  line-height: 16px; }

.smartTableGrid .smartTable th,
.floatThead-container th {
  white-space: normal;
  font-weight: bold;
  color: #3C3C3C;
  padding: 4px 8px 3px 8px;
  font-size: 13px;
  line-height: 16px;
  background: #eeeeee;
  border: 1px solid #d8d8d8;
  border-left: 0;
  border-top: 0;
  width: 80px;
  height: 56px;
  cursor: pointer;
  overflow: hidden; }

.long-grid-header .smartTableGrid .smartTable th,
.floatThead-container th {
  height: 70px; }

.smartTableGrid .smartTable th {
  border: 0;
  border-right: 1px solid #d8d8d8; }

.smartTableGrid.smallerHeader .smartTable th {
  height: auto; }

.smartTableGrid.smallerHeader .smartTable {
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8; }

.smartTableGrid.scrollable-area .smartTable th {
  border-right: 1px solid #d8d8d8; }

.smartTableGrid.scrollable-area .smartTable {
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8; }

.smartTableGrid.widgetTable .smartTable th {
  height: 40px; }

.smartTableGrid .smartTable td.bad {
  background: #DD424F;
  color: #fff; }

.smartTableGrid .smartTable td.redText {
  color: #DD424F; }

.smartTableGrid .smartTable th.bucketCell {
  text-align: center; }

.smartTableGrid .smartTable td.bucketCell {
  text-align: right; }

.filters.dropdown .dropdown-menu,
.currentFilters .dropdown .dropdown-menu {
  min-width: 250px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin: 0;
  border-radius: 2px; }

.currentFilters.react-style .dropdown .dropdown-menu {
  padding-top: 5px;
  padding-bottom: 10px;
  border-radius: 4px; }

.dropdown-menu .filter-menu > li > a,
.advancedOptions .dropdown-submenu .dropdown-menu > li > a {
  display: block;
  padding: 8px 16px;
  clear: both;
  font-weight: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  text-decoration: none; }

.react-style .dropdown-menu .filter-menu > li > a {
  padding: 15px 20px; }

.react-style .dropdown-menu .multiselect-select-all > li > a {
  padding: 15px 8px; }

.advancedOptions .filter-menu > li > a {
  white-space: normal; }

.dropdown-menu .filter-menu > li > a:hover,
.advancedOptions .dropdown-submenu .dropdown-menu > li > a:hover {
  cursor: pointer;
  background: #EEEEEE; }

.dropdown-menu .filter-menu > li > a[disabled]:hover,
.advancedOptions .dropdown-submenu .dropdown-menu > li > a[disabled]:hover {
  cursor: not-allowed !important; }

.dropdown-menu .filter-menu > li > a[disabled] > i.fa-square-o.disabled,
.advancedOptions .dropdown-submenu .dropdown-menu > li > a[disabled] > i.fa-square-o.disabled,
.dropdown-menu .filter-menu > li > a[disabled] > i.fa-circle-thin.disabled {
  color: darkgrey; }

.dropdown-menu .filter-menu > li > a[disabled] > i.fa-square-o.active,
.advancedOptions .dropdown-submenu .dropdown-menu > li > a[disabled] > i.fa-square-o.active {
  color: #000; }

.dropdown-menu .filter-menu > li > a[disabled] > i.fa-check-square.disabled,
.advancedOptions .dropdown-submenu .dropdown-menu > li > a[disabled] > i.fa-square-o.disabled,
.dropdown-menu .filter-menu > li > a[disabled] > i.fa-dot-circle-o.disabled {
  color: #E0E0E0; }

.dropdown-menu .filter-menu > li > a.flexed > i {
  flex: 0 0 24px; }

.dropdown-menu .filter-menu > li > a.flexed {
  display: flex;
  align-items: center; }

.dropdown-menu .filter-menu > li > a.flexed .text-label {
  overflow: hidden;
  text-overflow: ellipsis; }

.dropdown-menu .filter-menu > li > a > i.fa-check-square.active,
.dropdown-menu .filter-menu > li > a > i.fa-dot-circle-o.active,
.advancedOptions .dropdown-submenu .dropdown-menu > li > a > i.fa-square-o.active {
  color: #0087E2; }

.dropdown-menu .filter-menu > li.disabled a {
  color: #d8d8d8; }

.dropdown-menu .filter-menu > li.disabled > a:hover {
  cursor: not-allowed;
  background: #fff; }

.multiselect-header,
.numerical-header,
.date-header,
.string-header,
.single-select-header,
.multiselect-group-block {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 0px; }

.multiselect-header .multiselect-title,
.numerical-header .numerical-title,
.date-header .date-title,
.string-header .string-title,
.single-select-header .single-select-title {
  border-bottom: 1px solid #E0E0E0;
  padding: 8px;
  font-weight: bold; }

.multiselect-header .multiselect-detail {
  margin: 0;
  font-size: 14px;
  font-style: italic;
  font-weight: normal; }

.react-style .multiselect-header {
  border-color: #f0f0f2; }

.react-style .multiselect-header .multiselect-title {
  border-color: #f0f0f2;
  padding-left: 12px; }

.react-style .single-select-header .single-select-title {
  border-bottom: none;
  padding: 15px 21px 8px 21px; }

.numerical-header .numerical-title,
.date-header .date-title,
.string-header .string-title {
  border-bottom: 0px; }

.single-select-header {
  border-bottom: 0; }

.numerical-body,
.date-body,
.string-body {
  padding: 16px 0px; }

.numerical-menu form.ng-invalid,
.date-menu form.ng-invalid,
.string-menu form.ng-invalid {
  border: none !important; }

.numerical-body .filter-dropdown select,
.numerical-body .filter-dropdown input,
.date-body .filter-dropdown select,
.string-body .filter-dropdown input {
  margin: 8px;
  width: 85%;
  line-height: 13px;
  height: 24px;
  font-size: 13px;
  border-radius: 2px;
  box-shadow: none;
  padding: 4px 12px; }

/* Override */
.date-body .filter-dropdown select {
  padding: 0 12px; }

.date-body .input-group,
.string-span {
  margin: 8px; }

.date-body .input-group .form-control:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  height: 24px;
  line-height: 13px; }

.date-body .input-group .input-group-btn:last-child > .btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  height: 24px;
  padding: 0px 6px; }

.date-body .input-group .btn > i {
  font-size: 13px; }

.dropdown-menu .multiselect-header .multiselect-select-all {
  padding: 0px;
  margin: 0; }

.dropdown-menu .multiselect-header .multiselect-select-all .filterOption i {
  cursor: pointer; }

.multiselect-footer,
.numerical-footer,
.date-footer,
.string-footer {
  border-top: 1px solid #E0E0E0;
  padding: 8px;
  text-align: right; }

.react-style .multiselect-footer {
  border-color: #f0f0f2;
  padding-bottom: 0; }

.shared-filter-footer {
  display: flex;
  font-size: 13px;
  color: #67676a;
  padding: 10px;
  border-top: 1px solid #d4d4d6; }

.shared-filter-footer .info-icon {
  color: #0584E2;
  width: 14px;
  min-width: 14px;
  margin-top: 1px;
  margin-right: 6px; }

.dropdown-menu .filter-menu {
  list-style: none;
  padding-left: 0;
  padding: 4px 0px;
  margin-bottom: 0;
  /* Settings max-height and scroll for dropdown*/
  max-height: 70vh;
  overflow: auto; }

.dropdown-menu .multiselect-options .filter-menu,
.dropdown-menu.column-show-hide .filter-menu,
.dropdown-menu .single-select-options .filter-menu {
  /* Overriding scroll for dropdown in other dropdown options since they have their own overflow */
  max-height: none;
  overflow: visible; }

.react-style .dropdown-menu .filter-menu {
  padding: 0px; }

.dropdown-menu .multiselect-options .filter-menu > li > a,
.dropdown-menu .single-select-options .filter-menu > li > a {
  padding: 8px;
  text-overflow: ellipsis;
  overflow: hidden; }

.react-style .dropdown-menu .multiselect-options .filter-menu > li > a {
  padding: 15px 8px; }

.dropdown-menu .multiselect-options .filter-menu > li.staticOption > a,
.dropdown-menu .single-select-options .filter-menu > li.staticOption > a,
.multiselect-menu .multiselect-options div.staticOption {
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 4px; }

.multiselect-menu .multiselect-options div.staticOption:first-child {
  margin-bottom: 0px;
  margin-top: -8px; }

.dropdown-menu .multiselect-options .filter-menu > li.staticOption:first-child a,
.dropdown-menu .single-select-options .filter-menu > li.staticOption:first-child a {
  margin-bottom: 0px;
  margin-top: -4px; }

.filtersContainer.tableAttached {
  border: 1px solid #d8d8d8;
  border-bottom: 0;
  background: #eee; }

.filtersContainer.tableAttached .filterRowWidthAdjuster {
  padding-top: 8px;
  padding-left: 8px; }

.filterEdit .data-sync-issue-icon {
  font-size: 15px;
  vertical-align: bottom;
  color: #FD9800; }

.filterEdit .data-sync-issue-icon.hovered {
  color: #FF6700; }

.tableAttached .currentFilters a.filterEdit {
  background: #f8f8f8; }

.tableAttached .button.raised.secondary {
  background: #f8f8f8; }

.tableAttached .searchBlock .search .input-group .btn {
  background: #f8f8f8; }

.tableAttached .button.flat.special:hover {
  background: #f8f8f8; }

.filtersContainer .row .filters {
  margin-bottom: 2px;
  display: inline-block;
  bottom: -2px;
  height: 28px; }

.filtersContainer .row .filters.dropdown.read-only {
  bottom: 0px; }

.filters.dropdown.open a.button.flat.colored {
  background: #EEEEEE;
  text-decoration: none; }

.multiselect-options,
.single-select-options {
  max-height: 280px;
  overflow-y: auto;
  min-height: 0%; }

.react-style .single-select-option-icon {
  margin-left: -4px; }

.filters.dropdown.open a.button.flat.colored.innerButton {
  background: inherit; }

.filters.dropdown.open a.button.flat.colored.innerButton:hover {
  background: #EEEEEE; }

.filters.dropdown.open a.button.flat.colored.innerButton.disabled:hover {
  background: inherit; }

.currentFilters {
  display: inline-block;
  margin-right: 5px;
  min-width: 50px;
  max-width: 400px;
  text-align: left;
  margin-bottom: 0px; }

.filterRowWidthAdjuster .currentFilters.less-margin {
  margin-right: 2px; }

.currentFilters a.filterEdit {
  padding: 0px 8px 0px 8px;
  line-height: 24px;
  color: #000;
  border-radius: 3px;
  text-decoration: none;
  font-size: 12px;
  border: 1px solid #ccc;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  min-width: 50px;
  max-width: 400px;
  width: 100%;
  height: 30px;
  max-height: 30px; }

.currentFilters.react-style a.filterEdit {
  display: flex;
  border-color: #b0b0b2;
  border-radius: 2px;
  max-width: 400px;
  height: 26px;
  max-height: 26px;
  padding-left: 10px; }

.currentFilters a.filterEdit.orange-highlight {
  border-color: #FD9800; }

.currentFilters a.filterEdit:hover {
  cursor: pointer;
  text-decoration: none;
  background: #eeeeee; }

.currentFilters .open a.filterEdit {
  background: #eeeeee; }

.currentFilters .filterLabel {
  line-height: 1; }

.currentFilters .filterLabel .filterTextName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.15;
  /* minimum to not cut off letters with overflow */ }

.currentFilters:hover .filterLabel .filterTextName.removable {
  width: calc(100% - 24px); }

.filterRemoveIcon {
  color: #757575;
  font-size: 12px;
  line-height: 12px;
  float: right;
  margin-right: 4px;
  cursor: pointer; }

.searchBlock {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 1px;
  height: 25px; }

.searchBlock.shiftUp {
  top: -8px; }

.searchBlock .advancedOptions {
  display: inline-block;
  font-size: 0;
  margin-left: 8px; }

.searchBlock .search.raised {
  display: inline-block; }

.button.flat.special {
  font-size: 14px;
  padding: 4px 8px;
  line-height: 16px;
  color: #6D6D6D; }

.advancedOptions .dropdown-menu .filter-menu {
  padding: 8px 0px; }

.advancedOptions .dropdown-menu.pull-right {
  padding: 0;
  margin: 0;
  border-radius: 2px;
  width: 240px; }

.dropdown-toggle > .img {
  margin-bottom: -3px; }

.dropdown-menu.column-show-hide {
  max-height: 500px;
  overflow: auto; }

.dropdown-menu.column-show-hide .filter-menu > li {
  padding-bottom: 0px; }

.dropdown-menu.column-show-hide .filter-menu > li > a {
  padding: 10px 16px; }

.filtersContainer {
  height: 40px; }

.filtersContainer .row {
  position: relative;
  height: 40px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #333333;
  margin-top: 4px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #333333; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.advancedOptions .dropdown-submenu.pull-left {
  width: 238px; }

.advancedOptions .dropdown-submenu .dropdown-menu {
  padding: 16px 0px; }

.advancedOptions .filter-menu > li {
  padding-bottom: 8px; }

.advancedOptions .dropdown-submenu.pull-left > .dropdown-menu {
  margin-left: -2px;
  margin-top: -92px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  height: 400px;
  width: 240px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-y: scroll; }

.filterOption .fa.fa-download {
  margin-right: 4px; }

.advancedOptions .dropdown-header {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87); }

.smartTableGrid .smartTable .cell-div,
.smartTableGrid.scrollable-area .smartTable td {
  padding: 4px 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 24px; }

.smartTableGrid .smartTable .twoTwentyFiveCell {
  width: 225px; }

.smartTableGrid .smartTable .oneHundredCell {
  width: 100px; }

.smartTableGrid .smartTable .threeHundredCell {
  width: 300px; }

.smartTableGrid .smartTable .taskStatusCell {
  width: 120px; }

.smartTableGrid .smartTable .inlineStatusCell {
  width: 190px; }

.smartTableGrid .smartTable .itemCodeCell {
  width: 180px; }

.smartTableGrid .smartTable .lastCommentCell {
  width: 120px; }

.smartTableGrid .smartTable .buyerCell {
  width: 96px; }

.smartTableGrid .smartTable .supplierCell {
  width: 120px; }

.smartTableGrid .smartTable .poNotesCell {
  width: 400px; }

.smartTableGrid .smartTable .smallTextCell {
  width: 72px; }

.smartTableGrid .smartTable .numberCell {
  width: 55px; }

.smartTableGrid .smartTable .supplierMainCell {
  width: 270px; }

.smartTableGrid .smartTable th.spendAnalyticsCell,
.smartTable th.spendAnalyticsCell {
  width: 300px;
  height: 20px; }

.smartTableGrid .smartTable th.spendAnalyticsBottomCell,
.smartTable th.spendAnalyticsBottomCell {
  height: 40px; }

.smartTableGrid .smartTable .checkboxCell {
  width: 45px;
  text-align: center;
  text-overflow: unset;
  -ms-text-overflow: unset; }

.smartTableGrid .smartTable .checkboxCell.task-grid, .smartTableGrid .smartTable th.checkBoxHeader {
  width: 20px !important;
  box-sizing: content-box;
  text-align: center; }

.smartTableGrid .smartTable .evenLargeCell {
  width: 300px; }

.smartTableGrid .smartTable .evenMediumCell {
  width: 150px; }

.smartTableGrid .smartTable .evenSmallCell {
  width: 70px; }

.smartTableGrid .smartTable .numberCell.largeTitle {
  width: 65px; }

.smartTableGrid .smartTable .numberCell.veryLargeTitle {
  width: 100px; }

.smartTable .numberCell.veryLargeTitle {
  width: 130px; }

.smartTableGrid .smartTable .numberCell.deltaValues {
  width: 120px; }

.smartTableGrid .smartTable .numberCell.deltaValues.sorted {
  width: 120px; }

.smartTableGrid .smartTable .numberCell.largeTitle.twoHeight {
  width: 68px; }

.smartTableGrid .smartTable .bucketCell {
  width: 64px; }

.smartTableGrid .smartTable .dateCell {
  width: 100px; }

.smartTableGrid .smartTable .itemCodeCell.sorted {
  width: 180px; }

.smartTableGrid .smartTable .inlineStatusCell.sorted {
  width: 190px; }

#updateTargetsGrid .smartTable th.categoryCell, #genericTableTemplate .smartTable th.categoryCell {
  height: 40px; }

#updateTargetsGrid .smartTable th.metricCell, #genericTableTemplate .smartTable th.metricCell {
  height: 40px; }

#updateTargetsGrid .smartTable th.fiscalYearCell, #genericTableTemplate .smartTable th.fiscalYearCell {
  text-align: center;
  height: 20px; }

.smartTableGrid .smartTable .fiscalYearCell {
  width: 2000px; }

#updateTargetsGrid .smartTable th.monthCell, #genericTableTemplate .content-table th.monthCell {
  text-align: center;
  height: 20px; }

#updateTargetsGrid .smartTable .monthCellWithTarget .targetHeaderDiv, #genericTableTemplate .content-table .monthCellWithTarget .targetHeaderDiv {
  border-bottom: 1px solid #d8d8d8;
  font-weight: bold; }

#updateTargetsGrid .smartTable .monthCellWithTarget .actualHeaderDiv, #genericTableTemplate .content-table .monthCellWithTarget .actualHeaderDiv {
  font-weight: bold; }

#updateTargetsGrid .smartTable .monthCell .targetDiv, #genericTableTemplate .content-table .monthCell .targetDiv {
  border-bottom: 1px solid #d8d8d8;
  padding: 2px 0; }

#updateTargetsGrid .smartTable .monthCell .targetDiv input:disabled, #genericTableTemplate .content-table .monthCell .targetDiv input:disabled {
  opacity: 1; }

#genericTableTemplate .content-table .monthCell .actualDiv {
  padding: 4px 8px; }

#updateTargetsGrid .smartTable .monthCellWithTarget, #genericTableTemplate .content-table .monthCellWithTarget {
  width: 100px; }

#updateTargetsGrid .smartTable .hideInput, #genericTableTemplate .content-table .hideInput {
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center; }

#updateTargetsGrid .smartTable .hideInput.ratio, #genericTableTemplate .content-table .hideInput.ratio {
  width: 40%; }

#updateTargetsGrid .copy-row, #genericTableTemplate .copy-row {
  padding-left: 3px;
  cursor: pointer;
  width: 15px; }

#genericTableTemplate .grid-container .tables .content-table .table-row .cell-div.update-targets-cell {
  height: 48px; }

#genericTableTemplate .grid-container .tables .content-table .table-row .cell-div.update-targets-cell.extra-top-bottom-padding {
  padding-top: 15px;
  padding-bottom: 15px; }

.sorted .headerLabel {
  left: 28px;
  width: 80%;
  width: -moz-calc(100% - 26px);
  /* WebKit */
  width: -webkit-calc(100% - 26px);
  /* Opera */
  width: -o-calc(100% - 26px);
  /* Standard */
  width: calc(100% - 26px); }

.itemCodeCell.sorted .headerLabel {
  left: 28px; }

.inlineStatusCell.sorted .headerLabel {
  left: 28px; }

.smartTableGrid .smartTable .lastCommentCell.sorted {
  width: 160px; }

.lastCommentCell.sorted .headerLabel {
  left: 28px; }

.currentShortageDetectedDateCell {
  text-align: right; }

.smartTableGrid .smartTable .buyerCell.sorted {
  width: 115px; }

.buyerCell.sorted .headerLabel {
  left: 28px; }

.smartTableGrid .smartTable .supplierCell.sorted {
  width: 160px; }

.smartTableGrid .smartTable .poNotesCell.sorted {
  width: 400px; }

.supplierCell.sorted .headerLabel {
  left: 28px; }

.poNotesCell.sorted .headerLabel {
  left: 28px; }

.smartTableGrid .smartTable .smallTextCell.sorted {
  width: 90px; }

.headerLabel {
  top: 4px;
  width: 80%;
  width: -moz-calc(100% - 8px);
  /* WebKit */
  width: -webkit-calc(100% - 8px);
  /* Opera */
  width: -o-calc(100% - 8px);
  /* Standard */
  width: calc(100% - 8px); }

.sorted .sortIconContainer {
  width: 18px;
  top: 4px; }

.smallTextCell.sorted .headerLabel {
  left: 28px; }

.smartTableGrid .smartTable .numberCell.sorted {
  width: 90px; }

.numberCell.sorted .headerLabel {
  left: 28px; }

.smartTableGrid .smartTable .numberCell.largeTitle.sorted {
  width: 95px; }

.numberCell.largeTitle.sorted .headerLabel {
  left: 28px; }

.smartTableGrid .smartTable .bucketCell.sorted {
  width: 96px; }

.bucketCell.sorted .headerLabel {
  left: 28px; }

.smartTableGrid .smartTable .dateCell.sorted {
  width: 100px; }

.dateCell.sorted .headerLabel {
  left: 28px; }

.headerLabel {
  padding-right: 8px; }

.alignRight {
  text-align: right; }

.alignCenter {
  text-align: center; }

.alignLeft {
  text-align: left; }

.smartTableGrid .smartTable .checkboxCell .fa-square-o {
  color: #404040; }

.filtersToast {
  position: fixed;
  top: 54px;
  left: 45%;
  padding: 16px;
  background: #000;
  color: #F8F8F8;
  line-height: 16px;
  border-radius: 2px;
  cursor: pointer;
  z-index: 1100;
  box-shadow: 2px 2px 10px 0px #AAA; }

.noDataFound {
  font-weight: bold;
  line-height: 16px;
  font-size: 14px;
  height: 400px;
  padding-top: 8px;
  text-align: center;
  border: 1px solid #D8D8D8;
  margin-top: 8px; }

.noDataFoundInner {
  margin-top: 160px; }

.loadingTable {
  font-weight: bold;
  line-height: 16px;
  font-size: 14px;
  height: 240px;
  padding-top: 8px;
  text-align: center;
  border: 1px solid #D8D8D8;
  border-top: 0; }

.loadingTableInner {
  margin-top: 80px; }

.loadingTable p {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold; }

.noDataFoundInner .noResultsMessage {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin: 0; }

.noDataFoundInner .noResultsSuggestion {
  margin: 0;
  line-height: 16px;
  font-weight: normal; }

.noDataFound a {
  color: #0584E2;
  text-decoration: none; }

.noDataFound a:hover {
  color: #0584E2;
  text-decoration: underline; }

.sortIconContainer {
  position: absolute; }

.headerLabel {
  position: absolute; }

.ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  right: -5px;
  top: 0;
  height: 56px; }

/* had to use !important because uibModal is doing inline style.  Cant just use class to override z-index.  */
/* And with Mui is making their modal above uibModal. */
.modal-open .modal.overrideZIndex {
  z-index: 1201 !important; }

.modal-open .modal.center-modal {
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 1050;
  width: 272px;
  height: 112px;
  margin-left: -10%;
  overflow-y: hidden; }

.modal-open .modal.center-modal.legacy .modal-dialog {
  top: 40%;
  left: 50%; }

.modal-open .center-modal .modal-dialog {
  width: 272px;
  margin: 0; }

.modal-open .center-modal .modal-content {
  border-radius: 2px;
  width: 272px; }

.modal-open .center-modal .modal-body {
  width: 272px;
  height: 112px;
  text-align: center; }

.center-modal .message {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 24px; }

.currentFilters .caret-down {
  display: inline-block;
  position: relative; }

.currentFilters.react-style .caret-down {
  margin-left: 2px;
  color: #67676a; }

.currentFilters .caret-down i {
  position: absolute;
  bottom: 6px;
  left: -10px;
  font-size: 12px; }

.filterDisplay {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  padding-right: 12px;
  margin-top: 2px; }

.react-style .filterDisplay {
  display: flex;
  margin-top: 0; }

.react-style .filterDisplay .filter-icon {
  height: 14px;
  width: 14px;
  min-width: 14px;
  min-height: 14px;
  margin-right: 8px;
  color: #67676a; }

.react-style .filterDisplay .filter-text {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700; }

.filter-tooltip {
  color: #0584E2;
  margin: 0;
  margin-right: 4px; }

.smartTablePagination ul.stPagination {
  margin: 8px 0;
  list-style-type: none;
  margin-bottom: 0; }

.pagination > li {
  display: inline; }

.stPagination > div {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: none;
  margin: 0;
  line-height: 24px; }

.disabledColor {
  color: #BDBDBD; }

.enabledColor {
  color: #757575; }

.pageNumber {
  color: #3B3B3B !important; }

.stPagination > div > a:hover, .stPagination > div > span:hover, .stPagination > div > a:focus,
.stPagination > div > span:focus {
  color: #2a6496;
  background-color: transparent !important;
  border-color: transparent !important; }

.smartTable tr.selected > td {
  background: #D1E3EF; }

.smartTable tr:hover > td {
  background: #D1E3EF; }

.smartTableGrid .smartTable .cell-div.grayCell {
  color: #757575;
  font-style: italic;
  background: #eee;
  box-sizing: border-box; }

.smartTableGrid .smartTable .cell-div.red {
  background-color: #D50100;
  color: white; }

.smartTableGrid .smartTable tr:hover .cell-div.red,
.smartTableGrid .smartTable tr.selected .cell-div.red {
  background-color: #a60404; }

.smartTableGrid .smartTable .cell-div.orange {
  background-color: #FF9C18; }

.smartTableGrid .smartTable .cell-div.green {
  background-color: #37c074;
  color: white; }

.smartTableGrid .smartTable tr:hover .cell-div.green,
.smartTableGrid .smartTable tr.selected .cell-div.green {
  background-color: #0c9d4d; }

.smartTableGrid .smartTable tr:hover .cell-div.orange,
.smartTableGrid .smartTable tr.selected .cell-div.orange {
  background-color: #f27d00; }

.smartTableGrid .smartTable .cell-div.yellow {
  background-color: #FFE535; }

.smartTableGrid .smartTable tr:hover .cell-div.yellow,
.smartTableGrid .smartTable tr.selected .cell-div.yellow {
  background-color: #ffef96; }

.stPaginationEnabled {
  cursor: pointer; }

.stPaginationEnabled:hover i.enabledColor {
  color: #000; }

.stPagination .nextandprevious,
.stPagination .fastnextandprevious {
  padding-right: 6px; }

.stPagination .nextandprevious i {
  font-size: 18px;
  line-height: 1;
  vertical-align: middle; }

.stPagination .fastnextandprevious i {
  font-size: 12px;
  line-height: 1;
  vertical-align: middle; }

.stPagination .pageNumber {
  font-size: 12px;
  font-weight: normal;
  font-stretch: initial;
  font-style: normal; }

.form-control.hasclear::-webkit-input-placeholder {
  color: #c4c4c4; }

.form-control.hasclear:-moz-placeholder {
  color: #c4c4c4; }

.form-control.hasclear::-moz-placeholder {
  color: #c4c4c4; }

.form-control.hasclear:-ms-input-placeholder {
  color: #c4c4c4; }

#lastColumnHolder {
  padding: 0;
  border: 0; }

.color-code-cell:hover .cell-div {
  display: none; }

.color-code-cell:hover .cell-div.inline-edit-cell {
  display: block; }

.cell-div.color-code-10-red {
  color: #F42F2F; }

.cell-div.color-code-30-yellow {
  color: #F4CE00; }

.cell-div.color-code-20-blue {
  color: #005FA5; }

.inlineStatusCell .cell-div,
.inlineEditCell .cell-div {
  width: 100%;
  float: left; }

.inlineStatusCell:hover .cell-div,
.inlineEditCell:hover .cell-div {
  width: 80%;
  width: -moz-calc(100% - 32px);
  /* WebKit */
  width: -webkit-calc(100% - 32px);
  /* Opera */
  width: -o-calc(100% - 32px);
  /* Standard */
  width: calc(100% - 32px); }

.inlineStatusCell:hover .cell-div.no-edit,
.inlineEditCell:hover .cell-div.no-edit {
  width: 100%; }

.inlineStatusCell.alwaysShowIcon .cell-div,
.inlineEditCell.alwaysShowIcon .cell-div,
.inlineEditCell .cell-div.alwaysShowIcon {
  width: 80%;
  width: -moz-calc(100% - 32px);
  /* WebKit */
  width: -webkit-calc(100% - 32px);
  /* Opera */
  width: -o-calc(100% - 32px);
  /* Standard */
  width: calc(100% - 32px); }

.inlineDateCell .cell-div {
  width: 100%;
  float: left; }

.inlineDateCell:hover .cell-div {
  width: 80%;
  width: -moz-calc(100% - 32px);
  /* WebKit */
  width: -webkit-calc(100% - 32px);
  /* Opera */
  width: -o-calc(100% - 32px);
  /* Standard */
  width: calc(100% - 32px); }

.inlineStatusCell.threeIcons:hover .cell-div,
.inlineDateCell.threeIcons:hover .cell-div {
  width: 80%;
  width: -moz-calc(100% - 64px);
  /* WebKit */
  width: -webkit-calc(100% - 64px);
  /* Opera */
  width: -o-calc(100% - 64px);
  /* Standard */
  width: calc(100% - 64px); }

.inlineStatusCell.threeIcons:hover .cell-div.no-edit,
.inlineDateCell.threeIcons:hover .cell-div.no-edit {
  width: 100%; }

.inlineEditIcon {
  float: right;
  padding: 4px 8px 4px 4px;
  display: none; }

.inlineEditIcon.leftPaddingOnly {
  padding: 0 0 0 8px; }

.inlineEditIcon.report-card {
  float: right;
  padding: 0 8px 0 4px;
  display: none; }

.inlineEditIcon i {
  padding-left: 2px;
  padding-right: 2px; }

.inlineEditIcon.alwaysShowIcon {
  display: block; }

.inlineEditIcon:hover {
  cursor: pointer; }

.inlineDateCell:hover .inlineEditIcon,
.inlineStatusCell:hover .inlineEditIcon,
.inlineEditCell:hover .inlineEditIcon {
  display: block; }

.inlineEditDiv {
  position: fixed;
  z-index: 1056;
  background: #f8f8f8;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
  padding: 16px; }

.inlineEditDiv.inlineSelect {
  padding: 0;
  box-shadow: none;
  background: transparent;
  width: 296px; }

.inlineEditDiv.inlineSelect .ui-select-choices,
.inlineEditDiv.inlineSelect input.form-control {
  border-radius: 0px; }

.inlineEditDiv.absolute {
  position: absolute; }

.inlineEditDiv.textEdit {
  width: 296px;
  height: 112px; }

.inlineEditDiv.textEdit.larger {
  width: 360px; }

.inlineEditDiv.multiselect-edit {
  width: 296px;
  max-height: 500px;
  overflow-y: auto; }

.inlineEditDiv.textAreaEdit {
  width: 840px;
  height: 140px; }

.inlineEditDiv.textAreaEditSmaller {
  width: 296px;
  height: 140px; }

.inlineEditDiv.textAreaEdit.description-area {
  height: 348px; }

.inlineEditDiv.textAreaEdit.myTasksView {
  width: 408px; }

.inlineEditDiv.textEdit.supplier {
  width: 496px; }

.inlineEditDiv.dateEdit {
  width: 340px;
  height: 356px; }

.inlineEditDiv.dateEdit.withInput {
  height: 420px; }

.inlineEditDiv.dateEdit.withInput .dateInput {
  margin: 10px 0 5px;
  color: #100F11;
  width: 100%;
  height: 25px; }

.inlineEditDiv.dateEdit.withInput .dateInput[input]::placeholder {
  color: #8F8F92; }

.inlineEditDiv.dateEdit.withInput .errorMsg {
  color: red;
  font-size: 10px;
  opacity: 0;
  margin: 0 0 10px; }

.inlineEditDiv.dateEdit.withInput .errorMsg.invalid {
  opacity: 1; }

.inlineEditHeader {
  font-weight: bold;
  line-height: 16px;
  padding-bottom: 8px; }

.inlineEditDiv .inlineEditHeader {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.inlineEditButtons {
  float: right;
  padding-top: 8px; }

.inlineEditButtonsLeft {
  float: left;
  padding-top: 8px; }

.inlineEditDiv .btn.btn-default.btn-sm {
  padding: 5px 6px; }

.smartTableGrid .smartTable th.noRightBorder {
  border-right: 0px; }

.dropdown.open .materialDropdown {
  border-bottom-color: #0584E2; }

.materialDropdown.button:hover {
  text-decoration: none;
  cursor: hover; }

.materialDropdown.button {
  color: #333333;
  width: 100%;
  border: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.54);
  outline: none;
  padding-bottom: 3px;
  padding-top: 4px; }

.materialInputParent {
  display: inline-block;
  margin-left: 16px; }

.materialInputParent .inlineEditInput,
.inlineEditDiv .inlineEditInput,
.scarBody .inlineEditInput {
  width: 100%;
  border: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.54);
  outline: none;
  background: #f8f8f8; }

.materialDropdown.button:focus,
.materialInputParent .inlineEditInput:focus,
.inlineEditDiv .inlineEditInput:focus,
.scarBody .inlineEditInput:focus {
  border-bottom-color: #0584E2; }

.materialInputParent .inlineEditInput {
  background: #fff; }

.materialInputParent input[type=number].inlineEditInput {
  text-align: right; }

.input-holder-with-clear {
  position: relative; }

.input-holder-with-clear .inlineEditInput.with-clear {
  padding-right: 22px; }

.input-clear {
  position: absolute;
  top: -4px;
  right: 0px;
  padding: 4px;
  text-align: center;
  cursor: pointer; }

.inlineEditInput.with-clear::-ms-clear {
  display: none; }

.headerLabel i {
  color: rgba(0, 0, 0, 0.54); }

.filter-menu-search {
  height: 24px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 13px;
  padding: 4px 12px;
  width: 100%; }

.filter-menu-search::-ms-clear {
  display: none; }

.multiselect-search,
.single-select-search {
  padding: 8px;
  border-bottom: 1px solid #ddd; }

.filter-menu-search:focus {
  border: 1px solid #66AFE9; }

.smartTable td.deltaValues .bad {
  color: #DD424F;
  background: #FFF;
  font-size: 13px; }

.smartTable td.deltaValues .good {
  background: #FFF;
  color: #37C074;
  font-size: 13px; }

.smartTable td.deltaValues .none {
  color: #404040;
  font-size: 13px; }

.smartTable td .cell-div.good {
  background: #FFF;
  color: #37C074;
  font-size: 13px; }

.smartTable td .cell-div.goodBg {
  background: #37C074;
  color: #fff;
  font-size: 13px; }

.smartTable td .cell-div.warning {
  background: #FFF;
  color: #F4CE00;
  font-size: 13px; }

.smartTable td .cell-div.bad {
  background: #FFF;
  color: #DD424F;
  font-size: 13px; }

.smartTable td .cell-div.badBg {
  background: #DD424F;
  color: #fff;
  font-size: 13px; }

.smartTable td .cell-div.none {
  background: #FFF;
  color: #404040;
  font-size: 13px; }

.smartTable tr.selected > td .good,
.smartTable tr.selected > td .bad,
.smartTable tr.selected > td .none,
.smartTable tr.selected > td .warning {
  background: #D1E3EF; }

.smartTable tr:hover > td .good,
.smartTable tr:hover > td .bad,
.smartTable tr:hover > td .none,
.smartTable tr:hover > td .warning {
  background: #D1E3EF; }

.extraText {
  font-style: italic; }

.myTooltip .tooltipBody table tr > td,
.myTooltip .tooltipBody table tr > th {
  padding: 4px 8px;
  height: auto;
  font-weight: normal;
  color: white;
  background: black;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  white-space: normal;
  width: auto; }

.myTooltip .tooltipIssueBody table tr > th {
  padding: 4px 8px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #000;
  padding-left: 8px; }

.myTooltip .tooltipIssueBody table tr > td {
  padding: 4px 8px;
  border: 1px solid #ddd;
  padding-left: 8px; }

.myTooltip .tooltipIssueBody table {
  margin-bottom: 8px; }

.myTooltip .tooltipBody table tr > th {
  border-bottom: 1px solid #ddd; }

.white-tooltip .myTooltip .tooltipBody table tr > td,
.white-tooltip .myTooltip .tooltipBody table tr > th {
  color: #000;
  background-color: #fff;
  border-color: #dedede; }

.white-tooltip .myTooltip .tooltipBody table {
  border: 1px solid #dedede; }

.white-tooltip .myTooltip .tooltipBody table tr > th {
  border-color: #dedede; }

.white-tooltip.popover {
  max-width: 320px; }

.form-control.currentPageInput {
  display: inline-block;
  width: 44px;
  height: 18px;
  text-align: right;
  border-radius: 2px;
  padding: 0px 4px;
  font-size: 12px; }

.valueStreamCell .cell-div {
  color: #0584E2;
  cursor: pointer;
  text-decoration: underline; }

.refreshIcon {
  height: 32px;
  padding-top: 14px;
  color: #757575; }

.refreshIcon i {
  cursor: pointer; }

.refreshIcon i:hover {
  color: #000; }

.inlineEditDiv .inlineEditCurrencyInput {
  width: 90%;
  border: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.54);
  outline: none;
  background: #f8f8f8; }

.inlineEditDiv.unable-to-fix {
  height: auto; }

.inlineEditDiv.unable-to-fix textarea {
  resize: vertical;
  margin-top: 8px; }

#customFields .inlineEditDiv.textAreaEdit.description-area {
  height: 180px; }

#customFields .inlineEditDiv.textAreaEdit {
  width: auto; }

#customFields .textAreaEdit.description-area textarea {
  height: 100px; }

.target-with-copy {
  display: inline-block;
  width: calc(100% - 16px);
  text-overflow: ellipsis;
  overflow: hidden;
  float: left; }

.smartTableGrid .buyer-performance div.extra-width {
  width: 120px; }

.smartTableGrid .buyer-performance div.default-width {
  width: 90px; }

.smartTable .anchor-link {
  cursor: pointer; }

.filterToggle .button.dropdown-toggle[disabled] {
  color: gray;
  cursor: not-allowed; }

#xMatrix .matrix-table {
  margin: 0 auto;
  border-collapse: collapse;
  width: 70%; }

#xMatrix .matrix-table td {
  border: 1px solid; }

#xMatrix .matrix-table td.intersection {
  width: 5%; }

#xMatrix .matrix-table .project-name-colgroup {
  width: 40%; }

#xMatrix .matrix-table td.project-name-cell {
  width: 40%;
  text-align: center;
  border: 2px solid black;
  background-color: #fff8d4; }

#xMatrix .matrix-table td.goal-name-cell {
  border: 2px solid black;
  background-color: #e4fcef; }

#xMatrix .matrix-table div.goal-name {
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#xMatrix td.metric-name-cell {
  border: 2px solid black;
  background-color: #ffd9d9; }

#xMatrix .matrix-table div.metric-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#xMatrix .matrix-table td.savings-cell {
  height: 30px;
  border: 2px solid black;
  background-color: #cee9fd; }

#xMatrix .matrix-table td.excluded-savings-cell {
  height: 30px;
  border: 2px solid black;
  background-color: lightgray; }

#xMatrix .middle-x {
  height: 300px;
  background-image: url(/application/f/images/x.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#xMatrix .middle-x-div {
  position: relative;
  height: 100%;
  width: 100%;
  min-width: 300px; }

#xMatrix .projects-title {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }

#xMatrix .metrics-title {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 45%;
  height: 28px;
  font-weight: bold;
  font-size: 16px;
  width: 72px;
  white-space: nowrap;
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg); }

#xMatrix .goals-title {
  position: absolute;
  left: -35px;
  bottom: 0;
  top: 46%;
  height: 20px;
  font-weight: bold;
  font-size: 16px;
  width: 156px;
  white-space: nowrap;
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg); }

#xMatrix .savings-title {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }

#xMatrix .member-table {
  border-collapse: collapse;
  border: 2px solid black;
  width: 100%; }

#xMatrix td.member-table-cell {
  opacity: 1 !important;
  border: 2px solid black; }

#xMatrix .member-table td.member-name-cell {
  border: 2px solid black;
  text-align: -webkit-center;
  background-color: #ddd6e2; }

#xMatrix .member-table td.member-name-cell:first-child {
  border-left: none; }

#xMatrix .member-table td.member-table-header {
  border: 2px solid black;
  height: 37px;
  background-color: #FAFAFA;
  font-weight: bold;
  text-align: center; }

#xMatrix .divVertical {
  width: 10px;
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg); }

#xMatrix .divVerticalOpp {
  width: 10px;
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg); }

#xMatrix .textCenter {
  text-align: center; }

#xMatrix .verticalCell {
  height: 100%;
  white-space: nowrap;
  width: 20px;
  text-align: -webkit-center;
  text-align: -moz-center;
  border-right-color: #D4D4D4; }

#xMatrix .verticalCellOpp {
  height: auto;
  white-space: nowrap;
  padding-bottom: 5px;
  vertical-align: bottom;
  width: 20px;
  text-align: -webkit-center;
  text-align: -moz-center; }

#xMatrix .spanPadding {
  padding: 5px 10px; }

/*.colorTD {
	background-color: #FEFF99;
}*/
/*.metric<%=metricNdxArray.size()%> {
	border-right: 2px solid black !important;
}*/
/* Styles for rotateTableCellContent plugin*/
#xMatrix table div.rotated {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  white-space: nowrap; }

#xMatrix table div.rotatedOpp {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  padding-left: 10px;
  white-space: nowrap; }

#xMatrix thead th {
  vertical-align: top; }

#xMatrix table .vertical {
  white-space: nowrap;
  vertical-align: top;
  text-align: -webkit-center;
  text-align: -moz-center; }

#xMatrix table .verticalOpp {
  white-space: nowrap;
  vertical-align: bottom;
  text-align: -webkit-center;
  text-align: -moz-center; }

#xMatrix .pad5 {
  padding: 5px; }

#xMatrix .hoverText:hover {
  cursor: pointer;
  text-decoration: underline; }

#xMatrix .circleDisplay {
  text-align: center;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 50%; }

#xMatrix .circleDisplay.colorBlack {
  background-color: #000000; }

#xMatrix .circleDisplay.colorRed {
  background-color: #f42f2f; }

#xMatrix .circleDisplay.colorYellow {
  background-color: #ffe349; }

#xMatrix .circleDisplay.colorGreen {
  background-color: #37c074; }

#xMatrix .colorGreenChecked {
  line-height: 1;
  color: #37c074;
  font-size: 15px; }

#xMatrix .colorBlueChecked {
  line-height: 1;
  color: #005FA5;
  font-size: 15px; }

#xMatrix i.member-check {
  line-height: 1;
  font-size: 10px;
  padding-top: 2px;
  color: white; }

#xMatrix .no-data {
  padding: 20px 0;
  font-weight: bold;
  font-size: 16px;
  text-align: center; }

/* Animations */
#xMatrix .matrix-table td,
#xMatrix .matrix-table tr {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease; }

#xMatrix .matrix-table tr:hover {
  background-color: #E0E0E0; }

/*# sourceMappingURL=maps/nav-styles.css.map */