/*
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 {
  .migrationIcon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODdweCIgaGVpZ2h0PSI3N3B4IiB2aWV3Qm94PSIwIC0xIDg3IDc3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik00LjY4OTU4MjA2ZS0xMywzOC4wMDA4OTk4IEM0LjY4OTU4MjA2ZS0xMyw0Ni4yNzE1NDk0IDE5LjI4ODUwNTEsNTMgNDIuOTk5MDcxOCw1MyBDNjYuNzA5NjM4NCw1MyA4Niw0Ni4yNzE1NDk0IDg2LDM4LjAwMDg5OTggQzg2LDI5LjcyODQ1MDYgNjYuNzA5NjM4NCwyMyA0Mi45OTkwNzE4LDIzIEMxOS4yODg1MDUxLDIzIDQuNjg5NTgyMDZlLTEzLDI5LjcyODQ1MDYgNC42ODk1ODIwNmUtMTMsMzguMDAwODk5OCBaIiBpZD0icGF0aC0xIj48L3BhdGg+PG1hc2sgaWQ9Im1hc2stMiIgbWFza0NvbnRlbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIG1hc2tVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHg9IjAiIHk9IjAiIHdpZHRoPSI4NiIgaGVpZ2h0PSIzMCIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PC9tYXNrPjxwYXRoIGQ9Ik0xMi44MzEzOTk2LDQuNTMyMjk3NTggQzMuMDI4NjM3MjIsMTQuNDMxNTQ5OSA4LjYxODkzNzM1LDM3LjI3NTI3NzQgMjUuMjkyMDkyMSw1NS40NTM2NzI0IEMzNi4xNjQ0MTc1LDY3LjMwNjUzMjYgNDkuNzE1MzUwMiw3NC43OTQ3NTU3IDYwLjY1OTEwNTIsNzQuOTk3MDQxNiBDNjUuODE4OTQ4NCw3NS4wNzcyMjcgNzAuMTQyMzE0Myw3My41MjYzNjg0IDczLjE2ODY3MDUsNzAuNDY4Mzg4OCBDODIuOTcxNDMyOCw2MC41NjkxMzY1IDc3LjM4MTEzMjcsMzcuNzI1NDA5IDYwLjcwNjA5ODMsMTkuNTQ3MDE0IEM0OS44MzU2NTI1LDcuNjk0MTUzNzYgMzYuMjg0NzE5OSwwLjIwNTkzMDY5IDI1LjM0MDk2NDksMC4wMDM2NDQ3OTA5OCBDMjUuMTkyNDY2NywwLjAwMTgyMjM5NTQ5IDI1LjA0Mzk2ODUsLTMuNTUyNzEzNjhlLTE0IDI0Ljg5NzM1LC0zLjU1MjcxMzY4ZS0xNCBDMTkuOTM2NzU3NSwtMy41NTI3MTM2OGUtMTQgMTUuNzcxMjg4NCwxLjU2MTc5MjkzIDEyLjgzMTM5OTYsNC41MzIyOTc1OCBaIiBpZD0icGF0aC0zIj48L3BhdGg+PG1hc2sgaWQ9Im1hc2stNCIgbWFza0NvbnRlbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIG1hc2tVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHg9IjAiIHk9IjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3NSIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+PC9tYXNrPjxwYXRoIGQ9Ik02MS42NTkwODc4LDAuMDAzNjQ0NzAwMTUgQzUwLjcxNzIwMTYsMC4yMDU5MjU1NTkgMzcuMTY0Mzc1Nyw3LjY5Mzk2MjAyIDI2LjI5MzkxOSwxOS41NDY1MjY5IEM5LjYxODg2NzkxLDM3LjcyNDQ2ODkgNC4wMjg1NjIxOSw2MC41Njc2MjcxIDEzLjgzMTMzNDMsNzAuNDY2NjMyOCBDMTYuODU5NTczMiw3My41MjQ1MzYyIDIxLjE5MjM0MjEsNzUuMDk5MDQ2NiAyNi4zNDA5MTIyLDc0Ljk5NTE3MjcgQzM3LjI4NDY3ODEsNzQuNzkxMDY5NSA1MC44MzU2MjQzLDY3LjMwNDg1NTQgNjEuNzA2MDgxLDU1LjQ1MjI5MDUgQzc4LjM4MTEzMjEsMzcuMjc0MzQ4NSA4My45NzE0Mzc4LDE0LjQzMTE5MDMgNzQuMTY4NjY1Nyw0LjUzMjE4NDY0IEM3MS4yMjg3NzM5LDEuNTYxNzU0MDIgNjcuMDYzMzAwNiwxLjQyMTA4NTQ3ZS0xNCA2Mi4xMDI3MDMyLDEuNDIxMDg1NDdlLTE0IEM2MS45NTYwODQ1LDEuNDIxMDg1NDdlLTE0IDYxLjgwNzU4NjIsMC4wMDE4MjIzNTAwOCA2MS42NTkwODc4LDAuMDAzNjQ0NzAwMTUgWiIgaWQ9InBhdGgtNSI+PC9wYXRoPjxtYXNrIGlkPSJtYXNrLTYiIG1hc2tDb250ZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBtYXNrVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwIiB5PSIwIiB3aWR0aD0iNzAiIGhlaWdodD0iNzUiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTUiPjwvdXNlPjwvbWFzaz48L2RlZnM+PHVzZSBpZD0iRmlsbC0yNSIgc3Ryb2tlPSIjMDA1NkI4IiBtYXNrPSJ1cmwoI21hc2stMikiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PHVzZSBpZD0iRmlsbC0zIiBzdHJva2U9IiMwMDU2QjgiIG1hc2s9InVybCgjbWFzay00KSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT48dXNlIGlkPSJGaWxsLTE0IiBzdHJva2U9IiMwMDU2QjgiIG1hc2s9InVybCgjbWFzay02KSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiB4bGluazpocmVmPSIjcGF0aC01Ij48L3VzZT48L3N2Zz4=');
    &:global(.replica) {
      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODdweCIgaGVpZ2h0PSI3N3B4IiB2aWV3Qm94PSIwIC0xIDg3IDc3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik00LjY4OTU4MjA2ZS0xMywzOC4wMDA4OTk4IEM0LjY4OTU4MjA2ZS0xMyw0Ni4yNzE1NDk0IDE5LjI4ODUwNTEsNTMgNDIuOTk5MDcxOCw1MyBDNjYuNzA5NjM4NCw1MyA4Niw0Ni4yNzE1NDk0IDg2LDM4LjAwMDg5OTggQzg2LDI5LjcyODQ1MDYgNjYuNzA5NjM4NCwyMyA0Mi45OTkwNzE4LDIzIEMxOS4yODg1MDUxLDIzIDQuNjg5NTgyMDZlLTEzLDI5LjcyODQ1MDYgNC42ODk1ODIwNmUtMTMsMzguMDAwODk5OCBaIiBpZD0icGF0aC0xIj48L3BhdGg+PG1hc2sgaWQ9Im1hc2stMiIgbWFza0NvbnRlbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIG1hc2tVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHg9IjAiIHk9IjAiIHdpZHRoPSI4NiIgaGVpZ2h0PSIzMCIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PC9tYXNrPjxwYXRoIGQ9Ik0xMi44MzEzOTk2LDQuNTMyMjk3NTggQzMuMDI4NjM3MjIsMTQuNDMxNTQ5OSA4LjYxODkzNzM1LDM3LjI3NTI3NzQgMjUuMjkyMDkyMSw1NS40NTM2NzI0IEMzNi4xNjQ0MTc1LDY3LjMwNjUzMjYgNDkuNzE1MzUwMiw3NC43OTQ3NTU3IDYwLjY1OTEwNTIsNzQuOTk3MDQxNiBDNjUuODE4OTQ4NCw3NS4wNzcyMjcgNzAuMTQyMzE0Myw3My41MjYzNjg0IDczLjE2ODY3MDUsNzAuNDY4Mzg4OCBDODIuOTcxNDMyOCw2MC41NjkxMzY1IDc3LjM4MTEzMjcsMzcuNzI1NDA5IDYwLjcwNjA5ODMsMTkuNTQ3MDE0IEM0OS44MzU2NTI1LDcuNjk0MTUzNzYgMzYuMjg0NzE5OSwwLjIwNTkzMDY5IDI1LjM0MDk2NDksMC4wMDM2NDQ3OTA5OCBDMjUuMTkyNDY2NywwLjAwMTgyMjM5NTQ5IDI1LjA0Mzk2ODUsLTMuNTUyNzEzNjhlLTE0IDI0Ljg5NzM1LC0zLjU1MjcxMzY4ZS0xNCBDMTkuOTM2NzU3NSwtMy41NTI3MTM2OGUtMTQgMTUuNzcxMjg4NCwxLjU2MTc5MjkzIDEyLjgzMTM5OTYsNC41MzIyOTc1OCBaIiBpZD0icGF0aC0zIj48L3BhdGg+PG1hc2sgaWQ9Im1hc2stNCIgbWFza0NvbnRlbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIG1hc2tVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHg9IjAiIHk9IjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3NSIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMyI+PC91c2U+PC9tYXNrPjxwYXRoIGQ9Ik02MS42NTkwODc4LDAuMDAzNjQ0NzAwMTUgQzUwLjcxNzIwMTYsMC4yMDU5MjU1NTkgMzcuMTY0Mzc1Nyw3LjY5Mzk2MjAyIDI2LjI5MzkxOSwxOS41NDY1MjY5IEM5LjYxODg2NzkxLDM3LjcyNDQ2ODkgNC4wMjg1NjIxOSw2MC41Njc2MjcxIDEzLjgzMTMzNDMsNzAuNDY2NjMyOCBDMTYuODU5NTczMiw3My41MjQ1MzYyIDIxLjE5MjM0MjEsNzUuMDk5MDQ2NiAyNi4zNDA5MTIyLDc0Ljk5NTE3MjcgQzM3LjI4NDY3ODEsNzQuNzkxMDY5NSA1MC44MzU2MjQzLDY3LjMwNDg1NTQgNjEuNzA2MDgxLDU1LjQ1MjI5MDUgQzc4LjM4MTEzMjEsMzcuMjc0MzQ4NSA4My45NzE0Mzc4LDE0LjQzMTE5MDMgNzQuMTY4NjY1Nyw0LjUzMjE4NDY0IEM3MS4yMjg3NzM5LDEuNTYxNzU0MDIgNjcuMDYzMzAwNiwxLjQyMTA4NTQ3ZS0xNCA2Mi4xMDI3MDMyLDEuNDIxMDg1NDdlLTE0IEM2MS45NTYwODQ1LDEuNDIxMDg1NDdlLTE0IDYxLjgwNzU4NjIsMC4wMDE4MjIzNTAwOCA2MS42NTkwODc4LDAuMDAzNjQ0NzAwMTUgWiIgaWQ9InBhdGgtNSI+PC9wYXRoPjxtYXNrIGlkPSJtYXNrLTYiIG1hc2tDb250ZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBtYXNrVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwIiB5PSIwIiB3aWR0aD0iNzAiIGhlaWdodD0iNzUiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTUiPjwvdXNlPjwvbWFzaz48L2RlZnM+PHVzZSBpZD0iRmlsbC0yNSIgc3Ryb2tlPSIjRTYyNTY1IiBtYXNrPSJ1cmwoI21hc2stMikiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PHVzZSBpZD0iRmlsbC0zIiBzdHJva2U9IiNFNjI1NjUiIG1hc2s9InVybCgjbWFzay00KSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT48dXNlIGlkPSJGaWxsLTE0IiBzdHJva2U9IiNFNjI1NjUiIG1hc2s9InVybCgjbWFzay02KSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiB4bGluazpocmVmPSIjcGF0aC01Ij48L3VzZT48L3N2Zz4=');
    }
    width: 87px;
    height: 77px;
    margin: 0 auto;
    transition: background $animation-swift-out;
  }
  input[type="checkbox"]:global(.migrationType.ios-switch) + div {
    background-color: $color-migration;
    border: 1px solid rgba(0, 86, 184,1);
    box-shadow: inset 0 0 0 10px rgba(0,86,184,1);
  }
  input[type="checkbox"]:global(.migrationType.ios-switch) + div > div {
    box-shadow: none;
    border: 2px solid $color-migration;
  }
  input[type="checkbox"]:global(.migrationType.ios-switch):checked + div {
    background-color: $color-replica;
    border: 1px solid rgba(230, 37, 101,1);
    box-shadow: inset 0 0 0 10px rgba(230,37,101,1);
  }
  input[type="checkbox"]:global(.migrationType.ios-switch):checked + div > div {
    box-shadow: none;
    border: 2px solid $color-replica;
  }
  p {
    font-weight: $weight-regular;
    font-size: 14px;
    color: $gray;
    letter-spacing: -0.41px;
    transition: color $animation-swift-out;
  }
  textarea {
    box-sizing: border-box;
    width: 100%;
    resize: none;
  }
}
.migrationSwitch {
  position: absolute;
  left: 50%;
  margin-left: -25px;
  margin-top: 48px;
  &.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
  }
}
.containerLeft {
  padding-left: 32px;
  padding-top: 45px;
  float: left;
  width: 256px;
  text-align: right;
  &.selected {
    h3 {
      color: $color-migration;
    }
    p {
      color: $gray-dark;
    }
  }
}
.containerRight {
  padding-right: 32px;
  padding-top: 45px;
  width: 256px;
  float: right;
  &.selected {
    h3 {
      color: $color-replica;
    }
    p {
      color: $gray-dark;
    }
  }
}
.containerLeft, .containerRight {
  h3 {
    font-size: 24px;
    font-weight: $weight-light;
    color: $gray;
    margin-top: 0;
    letter-spacing: -0.61px;
    transition: color $animation-swift-out;
  }
}
.migrationName {
  width: 256px;
  margin: 0 auto;
  text-align: center;
  h3 {
    margin: 0 0 8px;
  }
  input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}
.container {
  margin: 0 auto;
  padding: 0px;
  max-width: $max-content-width;
  &:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
  }

}

