/*
The darken/lighten is not giving accurate results for the toasters so specific vars for them below.

- Red background: #c23848 you can get this colour roughly from using the red variable and with HSL lower lightness by 20.
- Blue background: #377ebd you can get this colour roughly from using the blue variable and with HSL lower lightness by 20.
- Orange background: #ff9933
- The text colour on all of these, could they please be #E2E2E2, except from warning which remains with black text.

*/
/*is not being used anywhere; the same as @redAlert*/
.proxy-user-search-container {
  display: grid;
  grid-template-areas: 'client-name-label      client-name-input      .            all-fields-radio any-fields-radio'
 'full-name-label        full-name-input        .            error-msg        error-msg       '
 'group-label            group-input            .            search-btn       search-btn      '
 'counter-party-id-label counter-party-id-input .            select-btn       select-btn      '
 'table-result           table-result           table-result table-result     table-result    '
 'pagination             pagination             pagination   pagination        pagination     ';
  grid-template-columns: 115px 130px 10px 1fr 1fr;
  grid-gap: 5px;
  /* fix for IE11 */
  display: -ms-grid;
  -ms-grid-columns: 115px 5px 130px 5px 10px 5px 1fr 5px 1fr;
  -ms-grid-rows: auto 5px auto 5px auto 5px auto 5px auto; }
  .proxy-user-search-container .client-name-label {
    grid-area: client-name-label;
    /* fix for IE11 */
    display: inline-block;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1; }
  .proxy-user-search-container .client-name-input {
    grid-area: client-name-input;
    /* fix for IE11 */
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1; }
  .proxy-user-search-container .full-name-label {
    grid-area: full-name-label;
    /* fix for IE11 */
    display: inline-block;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3; }
  .proxy-user-search-container .full-name-input {
    grid-area: full-name-input;
    /* fix for IE11 */
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3; }
  .proxy-user-search-container .group-label {
    grid-area: group-label;
    /* fix for IE11 */
    display: inline-block;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 5; }
  .proxy-user-search-container .group-input {
    grid-area: group-input;
    /* fix for IE11 */
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 5; }
  .proxy-user-search-container .counter-party-id-label {
    grid-area: counter-party-id-label;
    /* fix for IE11 */
    display: inline-block;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 7; }
  .proxy-user-search-container .counter-party-id-input {
    grid-area: counter-party-id-input;
    /* fix for IE11 */
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 7; }
  .proxy-user-search-container .all-fields-radio {
    grid-area: all-fields-radio;
    /* fix for IE11 */
    -ms-grid-column: 7;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1; }
  .proxy-user-search-container .any-fields-radio {
    grid-area: any-fields-radio;
    /* fix for IE11 */
    -ms-grid-column: 9;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1; }
  .proxy-user-search-container .search-btn {
    grid-area: search-btn;
    color: #f93;
    /* fix for IE11 */
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    -ms-grid-row: 5; }
  .proxy-user-search-container .select-btn {
    grid-area: select-btn;
    /* fix for IE11 */
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    -ms-grid-row: 7; }
  .proxy-user-search-container .error-msg {
    grid-area: error-msg;
    color: #F5475B;
    /* fix for IE11 */
    -ms-grid-column: 7;
    -ms-grid-column-span: 4;
    -ms-grid-row: 3; }
  .proxy-user-search-container .table-result {
    grid-area: table-result;
    margin-top: 5px;
    border: 1px solid #666570;
    position: relative;
    max-height: 385px;
    overflow-y: auto;
    /* fix for IE11 */
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-row: 9; }
    .proxy-user-search-container .table-result table {
      background: #383838; }
      .proxy-user-search-container .table-result table thead th {
        position: sticky;
        top: 0; }
      .proxy-user-search-container .table-result table tbody tr.select, .proxy-user-search-container .table-result table tbody tr.select.represent-user {
        background-color: #ec8421; }
      .proxy-user-search-container .table-result table tbody tr.represent-user {
        color: #FFF;
        background-color: #1A1A1C; }
      .proxy-user-search-container .table-result table th, .proxy-user-search-container .table-result table td {
        padding: 3px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .proxy-user-search-container .table-result table .column-client-name {
        max-width: 200px; }
      .proxy-user-search-container .table-result table .column-full-name {
        max-width: 200px; }
      .proxy-user-search-container .table-result table .column-group {
        max-width: 200px; }
      .proxy-user-search-container .table-result table .column-counter-party-id {
        max-width: 200px; }
  .proxy-user-search-container .pagination {
    grid-area: pagination;
    text-align: right;
    margin-top: 3px;
    height: 20px;
    /* fix for IE11 */
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-row: 11; }
    .proxy-user-search-container .pagination .previous-btn, .proxy-user-search-container .pagination .next-btn {
      padding: 0;
      height: inherit; }
    .proxy-user-search-container .pagination .current-page {
      width: 100px;
      height: inherit;
      background: #000;
      border: 1px solid #000;
      text-align: center;
      font-size: 11px; }