/*
Copyright (C) 2017  Cloudbase Solutions SRL

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

@import '../variables.scss';

.root {

}

.container {
  margin: 0 auto;
  padding: 0 0 40px;

  max-width: $max-content-width;
  :global(.row), :global(.headerItems) {
    :global(.cell) {
      &:nth-child(1) {width: 23%;}
      &:nth-child(2) {width: 34%;}
      &:nth-child(3) {width: 23%;}
      &:nth-child(4) {width: 20%;}
    }
  }
  :global(.Dropdown-root) {
    margin-bottom: 16px;
  }
  .executionsWrapper {
    background-color: $gray-light;
    padding: 16px;
    position: relative;
    &:after {
      clear: both;
      display: block;
      height: 0;
      content: " ";
    }
    .rightSide {
      float: right;
    }
    .leftSide {
      float: left;
      margin-top: 5px;
      h4 {
        margin: 0;
        font-weight: 300;
        font-size: 18px;
        color: $black;
        float: left;
      }
      .date {
        font-size: 14px;
        color: $gray-dark;
        float: left;
        letter-spacing: 0;
        margin-left: 16px;
        margin-top: 4px;
      }
      :global(.status-pill) {
        position: absolute;
        top: 24px;
        left: 38%;
      }
      &:after {
        clear: both;
        display: block;
        height: 0;
        content: " ";
      }
    }
    &:after {
      clear: both;
      display: block;
      height: 0;
      content: " ";
    }
    button {

    }
  }
  :global {
    .noResultsLarge {
      background-color: $gray-light;
      .icon {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTYwcHgiIGhlaWdodD0iMTYwcHgiIHZpZXdCb3g9IjAgMCAxNjAgMTYwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ni4xICg0NDQ2MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c3BsYXNoLTQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0ic3BsYXNoLTQiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2U9IiMwMDQ0Q0EiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwLjAwMDAwMCwgODAuMDAwMDAwKSByb3RhdGUoLTIuMDAwMDAwKSB0cmFuc2xhdGUoLTgwLjAwMDAwMCwgLTgwLjAwMDAwMCkgdHJhbnNsYXRlKDMzLjAwMDAwMCwgMjQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnZS0xIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTEuNTA2OSwxMDIuMzk1NSBDMjYuMDAwOSwxMDQuODU3NSAzLjMyODksODYuMTc1NSAwLjg2NzksNjAuNjY4NSBDLTEuMjM3MSwzOC44NTM1IDEyLjEyNDksMTkuMTEwNSAzMS45OTQ5LDEyLjMxNDUiIGlkPSJTdHJva2UtMSIgc3Ryb2tlLWRhc2hhcnJheT0iNy45Niw0LjU0OCwyLjI3NCw0LjU0OCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00Mi41OTM4LDEwLjAyOTMgQzY4LjEwMDgsNy41NjgzIDkwLjc3MjgsMjYuMjUwMyA5My4yMzM4LDUxLjc1NjMgQzk1LjMyMjgsNzMuNDAwMyA4Mi4xODU4LDkzLjAwNTMgNjIuNTcyOCw5OS45NDgzIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZS1kYXNoYXJyYXk9IjcuOTYsNC41NDgsMi4yNzQsNC41NDgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTEuOTcyNywxOC45NzQ2IEw0OS4wOTE3LDE2LjIyODYiIGlkPSJTdHJva2UtNSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00Ny42NDM2LDE0Ljg0NzcgTDQ2LjE5NTYsMTMuNDY3NyIgaWQ9IlN0cm9rZS03IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxLDIuMDAxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtOSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSI0NS40NzE3IDEyLjc3NzMgNDIuNTkwNyAxMC4wMzEzIDQ1LjMzNjcgNy4xNTAzIj48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00Ni43MTc4LDUuNzAyMSBMNDguMDk4OCw0LjI1NDEiIGlkPSJTdHJva2UtMTEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEsMi4wMDEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDguNzg4MSwzLjUzMDMgTDUxLjUzNDEsMC42NDkzIiBpZD0iU3Ryb2tlLTEzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQyLjQyNjgsOTMuMzY2MiBMNDUuMzA3OCw5Ni4xMTIyIiBpZD0iU3Ryb2tlLTE1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2Ljc1NTksOTcuNDkzMiBMNDguMjAzOSw5OC44NzMyIiBpZD0iU3Ryb2tlLTE3IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxLDIuMDAxIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtMTkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHBvaW50cz0iNDguOTI3OCA5OS41NjM1IDUxLjgwODggMTAyLjMwOTUgNDkuMDYyOCAxMDUuMTkwNSI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDcuNjgxNywxMDYuNjM4NyBMNDYuMzAwNywxMDguMDg1NyIgaWQ9IlN0cm9rZS0yMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMSwyLjAwMSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00NS42MTE0LDEwOC44MTA1IEw0Mi44NjQ0LDExMS42OTE1IiBpZD0iU3Ryb2tlLTIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
        width: 160px;
        height: 160px;
        display: inline-block;
        margin-bottom: 48px;
      }
    }
  }
}
