/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-builders/custom-webpack/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.cursor-pointer {
  cursor: pointer;
}

.font-weight-semibold {
  font-weight: 600 !important;
}

.pointer-auto {
  pointer-events: auto;
}

.pointer-none {
  pointer-events: none;
}

.CHL h2od-common-primary-header ._link-list a,
.CHL h2od-common-primary-header ._branding {
  text-decoration: none;
}
.CHL .btn-primary:disabled,
.CHL .btn-danger:disabled,
.CHL .btn-success:disabled,
.CHL .btn-warning:disabled,
.CHL .btn-warning:hover:disabled,
.CHL .btn-info:disabled,
.CHL .btn-dark:disabled {
  background: var(--secondary-200);
  border-color: var(--secondary-200);
  color: var(--secondary-500);
}
.CHL .btn-light:disabled,
.CHL .btn-secondary:disabled,
.CHL .btn-secondary:hover:disabled {
  background: var(--white);
  border-color: var(--secondary-400);
  color: var(--secondary-400);
}
.CHL input[type=checkbox][disabled]:checked:after {
  background-color: var(--secondary-500);
}
.CHL .nav-tabs:not(.nav-fill) {
  background: var(--nav-tab-background);
}
.CHL .nav-tabs:not(.nav-fill) li a {
  color: var(--primary-400);
}
.CHL .nav-tabs:not(.nav-fill) li a.active {
  color: var(--primary-500);
}
.CHL .nav-tabs:not(.nav-fill) li a:hover, .CHL .nav-tabs:not(.nav-fill) li a:focus, .CHL .nav-tabs:not(.nav-fill) li a:active {
  color: var(--primary-500);
}
.CHL .nav-tabs:not(.nav-fill) li a:after {
  height: 100%;
  top: 0;
  background: var(--secondary-200);
}
.CHL input.form-control {
  padding-right: 0.9rem;
}
.CHL .table thead tr th i[class*=fa-sort] {
  color: var(--primary-300) !important;
}
.CHL .C-table.card table tbody td {
  line-height: 16px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.CHL .C-multi-select {
  box-shadow: 0px 0px 10px -3px inset var(--secondary-300, #d2d5da);
}
.CHL .C-multi-select ._search .input-group {
  background: var(--white);
  box-shadow: 0px 0px 10px -3px inset var(--secondary-300, #d2d5da);
}
.CHL .C-multi-select ._search .input-group:focus-within .input-group-text {
  border-color: var(--primary-400);
}
.CHL .C-multi-select ._search .input-group-text {
  background: transparent !important;
}
.CHL .C-multi-select ._search input {
  background: transparent;
  box-shadow: none;
}
.CHL .C-multi-select .C-checkbox ._opt-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  line-height: 16px;
  vertical-align: middle !important;
  padding-top: 0 !important;
  margin-top: -2px;
}
.CHL .C-multi-select a:hover .C-checkbox ._opt-value {
  color: var(--white);
}
.CHL .C-typeahead .input-group {
  background: var(--white);
  box-shadow: 0px 0px 10px -3px inset var(--secondary-300, #d2d5da);
}
.CHL .C-typeahead .input-group:focus-within .input-group-text {
  border-color: var(--primary-400);
}
.CHL .C-typeahead .input-group-text {
  background: transparent !important;
}
.CHL .C-typeahead input {
  background: transparent;
  box-shadow: none;
}

@media (max-width: 1300px) {
  .CHL {
    zoom: 0.8;
  }
  .CHL .app {
    height: 125vh !important;
  }
  .CHL .C-main-content-row ._left-nav,
  .CHL .C-main-content-row ._main-col {
    height: calc(125vh - 54px) !important;
  }
}
/*.CHL {

  @import "./cds-overrides";

  // Checkbox //////////////////////////////////////////////////////////////////
  .C-checkbox {

    &[tabindex="0"] {
      cursor: pointer;
    }

    input {
      display: none;
    }

    ._stack {
      font-size: 1rem;
      position: relative;

      i {
        width: 1rem;
      }

      i + i {
        margin-left: -1rem;
      }
    }

    input:checked  + ._stack {
      ._unchecked {
        display: none;
      }
    }

    input:not(:checked)  + ._stack {
      ._checked { 
        display: none;
      }
      ._unchecked { 
        display: inline-block; 
      }
    }

    input[disabled] + ._stack {
      ._background { color: var(--secondary-200) !important; }
      ._checked, ._unchecked { color: var(--secondary) !important; }
    } 

    ._stack:after {
      display: none;
      content: "";
      height: calc(1rem - 3px);
      width: calc(1rem - 2px);
      top: 5px;
      left: 1px;
      position: absolute;
      border-radius: 1px;
      box-shadow: 0 0 0 0.25em rgba(56, 89, 136, 0.25);      
    }

    &:focus {
      outline: none;
      ._stack:after {
        display: block;
        pointer-events: none;
      }
    }
  }

  // Radio /////////////////////////////////////////////////////////////////////
  .C-radio {
    input {
      display: none;
    }
    ._stack {
      i + i {
        margin-left: -1rem;
      }
    }  
  }

  // Table /////////////////////////////////////////////////////////////////////
  .C-table {
    background-color: var(--white);
    border: solid 1px var(--primary-100) !important;

    thead {
      tr {
        color: var(--primary-600);

        th {
          height: 1.125rem;
          padding: 1.125rem 0.75rem 0.75rem; //t r b l

          font-weight: bold;
          font-size: 0.8125rem;
          line-height: 1.125rem;

          border-top: none;
          border-bottom-color: var(--primary);
        }
      }
    }

    tbody {
      td {
        height: auto;
        padding: 0.5rem 0.75rem;
        border-top: none;
        vertical-align: middle;

        color: var(--dark);
      }

      tr:not(:first-child) {
        td {
          border-top: solid 1px var(--primary-100);
        }
      }

      tr:hover {
        > td {
          background: var(--primary-100);
        }

        &:not(:first-child) > td {
          border-top: solid 1px var(--primary-200);
        }

        + tr > td {
          border-top: solid 1px var(--primary-200);
        }
      }
    }  

    &.card {
      background-color: var(--white);
      border: solid 1px var(--primary-100);
      border-color: var(--primary-100) !important;

      .card-body {
        padding: 0;
      }

      table {
        border: none !important;
        margin-bottom: 0;
      }
    }
  }

}*/
chl-data-grid .-line-clamp, chl-data-grid .content > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
chl-data-grid .-multiline-two, chl-data-grid .content > span {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
chl-data-grid .content > span {
  left: 0;
  height: 100%;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  padding: 0;
}
chl-data-grid .content priority-icon {
  text-align: center;
}
chl-data-grid .content chl-actions-menu {
  height: 100%;
  padding-left: 16px;
}
chl-data-grid .content copy-loan {
  display: none;
}
chl-data-grid :hover copy-loan {
  display: initial;
}

/* H2O-D specific patterns */
.CHL {
  overflow: hidden;
  background: var(--light);
  color: var(--dark);
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
.CHL .C-main-content-row {
  height: 100%;
}
.CHL .C-main-content-row ._main-col {
  overflow: auto;
  height: calc(100% - 52px);
  padding-bottom: 3rem;
}

.C-ngb-datepicker-input-group {
  margin-top: 2rem;
}
.C-ngb-datepicker-input-group .input-group-text {
  font-size: 0.875rem;
}
.C-ngb-datepicker-input-group:focus-within {
  box-shadow: 0 0 0 0.2rem rgba(56, 89, 136, 0.25);
}
.C-ngb-datepicker-input-group:focus-within .input-group-text,
.C-ngb-datepicker-input-group:focus-within .form-control {
  border-color: #7899c7;
  box-shadow: none;
}
.C-ngb-datepicker-input {
  height: 2.1875rem;
  font-size: 0.857rem;
}
.C-ngb-datepicker-input ~ ngb-datepicker {
  left: -35px !important;
}
.C-ngb-datepicker-input ~ ngb-datepicker .ngb-dp-header .ngb-dp-arrow button {
  padding: 0 0.25rem;
  box-shadow: none;
  font-size: 1rem;
}
.C-ngb-datepicker-input ~ ngb-datepicker .ngb-dp-header .ngb-dp-arrow button[disabled] {
  background-color: transparent;
}
.C-ngb-timepicker .ngb-tp-input-container button {
  padding: 0.375rem 0.75rem;
  box-shadow: none;
  font-size: 1rem;
}

/* Modal backdrop z-index fix */
.modal-backdrop {
  z-index: 1040 !important;
}

.modal {
  z-index: 1045 !important;
}