/* ==========================================================================
   Peak-UX UI Library Styles Entry Point
   ========================================================================== */

   :root {
    --primary: #366EB3;
    --primary-light: #43BEED;
    --source-adaptor: #366EB3;
    --source-adaptor-text: #F4F8FC;
    --target-adaptor: #5D677D;
    --target-adaptor-text: #F4F8FC;
    --secondary-blue: #1C3F81;
    --secondary-yellow: #FFDB04;
    --secondary-green: #28AE8F;
    --secondary-grey: #5D677D;
    --secondary-white: #F4F8FC;
    --secondary-black: #16161C;
    --secondary-dark-grey: #23222A;

    --tertiary-green: #217f69;
    --tertiary-grey: #9c9ea2;
    --tertiary-dark-grey: #444448;
    --tertiary-light-grey: #d0d5de;
    --tertiary-extra-light-grey : #ddd;

    /* Control Colors */

    --focus: #38f;
    --danger: #bf0d0d;
    --danger-active: #8f0a0a;
    --danger-light: #ffdede;

    --eiger-icon: var(--secondary-grey);
    --eiger-table-green: #eaffe9;
    --eiger-table-red: #ffebeb;

    --source-data: #cce0f7;
    --target-data: #dadfeb;

    --primary-action: var(--secondary-green);
    --primary-action--text: var(--secondary-white);
    --primary-action--active: var(--tertiary-green);

    --secondary-action: var(--primary);
    --secondary-action--text: var(--secondary-white);
    --secondary-action--active: var(--secondary-blue);

    --tertiary-action: var(--secondary-grey);
    --tertiary-action--text: var(--secondary-grey);
    --tertiary-action--active: var(--tertiary-dark-grey);

    --danger-action: var(--danger);
    --danger-action--text: var(--secondary-white);
    --danger-action--active: var(--danger-active);
    --danger-action--highlight: var(--danger-light);

    --font-family: "Montserrat"
  }

  .table-header-cells {
    display: flex;
  }

  .empty-allocations-message {
    font-size  : 40px;
    color      : rgba(0,0,0, 0.6);
    font-family: var(--font-family);
    text-shadow: 3px 3px 6px #fff, 0 0 0 #666, 3px 3px 6px #fff;
  }