coriolis-web/src/components/ReplicaExecutionOptions/ReplicaExecutionOptions.scss

/*
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 {
  :global(.Dropdown-control) {
    text-align: left;
  }
}
.header {
  h3 {
    font-weight: $weight-light;
    font-size: 24px;
    color: $gray-darker;
    padding: 10px;
    background-color: $gray-light;
    text-align: center;
    margin: 0;
    border-radius: 4px 4px 0 0;
  }
}

.formContainer {
  display: flex;
  flex-wrap: wrap;
  margin-left: -64px;
  padding: 0 32px;
  position: relative;
  justify-content: center;
  
  :global(.form-group) {
    min-width: 224px;
    margin-bottom: 16px;
    margin-left: 64px;
    &> label {
      font-weight: 500;
      font-size: 10px;
      color: $gray;
      letter-spacing: -0.33px;
      text-transform: uppercase;
    }
  }
}

.buttons {
  display: flex;
  justify-content: space-between;
  margin: 129px 32px 32px 32px;

  button {
    width: 224px;
  }
}

.images {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 68px;
  margin-bottom: 83px;
  .executionImage {
    width: 95px;
    height: 114px;
  	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI5NXB4IiBoZWlnaHQ9IjExNHB4IiB2aWV3Qm94PSIwIDAgOTUgMTE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkdyb3VwPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+ICAgICAgICA8ZyBpZD0ic3BsYXNoLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMy4wMDAwMDAsIC0yMy4wMDAwMDApIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlPSIjMDA0NENBIj4gICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwLjAwMDAwMCwgODAuMDAwMDAwKSByb3RhdGUoLTIuMDAwMDAwKSB0cmFuc2xhdGUoLTgwLjAwMDAwMCwgLTgwLjAwMDAwMCkgdHJhbnNsYXRlKDMzLjAwMDAwMCwgMjQuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTUxLjUwNjksMTAyLjM5NTUgQzI2LjAwMDksMTA0Ljg1NzUgMy4zMjg5LDg2LjE3NTUgMC44Njc5LDYwLjY2ODUgQy0xLjIzNzEsMzguODUzNSAxMi4xMjQ5LDE5LjExMDUgMzEuOTk0OSwxMi4zMTQ1IiBpZD0iU3Ryb2tlLTEiIHN0cm9rZS1kYXNoYXJyYXk9IjcuOTYsNC41NDgsMi4yNzQsNC41NDgiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00Mi41OTM4LDEwLjAyOTMgQzY4LjEwMDgsNy41NjgzIDkwLjc3MjgsMjYuMjUwMyA5My4yMzM4LDUxLjc1NjMgQzk1LjMyMjgsNzMuNDAwMyA4Mi4xODU4LDkzLjAwNTMgNjIuNTcyOCw5OS45NDgzIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZS1kYXNoYXJyYXk9IjcuOTYsNC41NDgsMi4yNzQsNC41NDgiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01MS45NzI3LDE4Ljk3NDYgTDQ5LjA5MTcsMTYuMjI4NiIgaWQ9IlN0cm9rZS01IiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDcuNjQzNiwxNC44NDc3IEw0Ni4xOTU2LDEzLjQ2NzciIGlkPSJTdHJva2UtNyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMSwyLjAwMSI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTdHJva2UtOSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSI0NS40NzE3IDEyLjc3NzMgNDIuNTkwNyAxMC4wMzEzIDQ1LjMzNjcgNy4xNTAzIj48L3BvbHlsaW5lPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LjcxNzgsNS43MDIxIEw0OC4wOTg4LDQuMjU0MSIgaWQ9IlN0cm9rZS0xMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMSwyLjAwMSI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ4Ljc4ODEsMy41MzAzIEw1MS41MzQxLDAuNjQ5MyIgaWQ9IlN0cm9rZS0xMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQyLjQyNjgsOTMuMzY2MiBMNDUuMzA3OCw5Ni4xMTIyIiBpZD0iU3Ryb2tlLTE1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDYuNzU1OSw5Ny40OTMyIEw0OC4yMDM5LDk4Ljg3MzIiIGlkPSJTdHJva2UtMTciIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEsMi4wMDEiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU3Ryb2tlLTE5IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBwb2ludHM9IjQ4LjkyNzggOTkuNTYzNSA1MS44MDg4IDEwMi4zMDk1IDQ5LjA2MjggMTA1LjE5MDUiPjwvcG9seWxpbmU+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDcuNjgxNywxMDYuNjM4NyBMNDYuMzAwNywxMDguMDg1NyIgaWQ9IlN0cm9rZS0yMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMSwyLjAwMSI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ1LjYxMTQsMTA4LjgxMDUgTDQyLjg2NDQsMTExLjY5MTUiIGlkPSJTdHJva2UtMjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  }
}