/*
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 {
  h3 {
    font-weight: $weight-light;
    font-size: 24px;
    color: $gray-darker;
    letter-spacing: -0.61px;
    margin: 0 0 16px;
  }
  font-weight: $weight-regular;
}
.group {
  margin-bottom: 48px;
  font-weight: $weight-regular;
  font-size: 14px;
  color: $gray-dark;
  letter-spacing: -0.41px;
}
.values {
  .row {
    margin-bottom: 16px;
    & > span {
      display: inline-block;
      &:first-child {
        width: 80px;
        float: left
      }
      &:nth-child(2) {
        color: $blue;
        float: left;
        width: 256px;
        box-sizing: border-box;
      }
    }
    &:after {
      display: block;
      content: " ";
      clear: both;
      height: 0;
    }
  }
}
.container {
  margin: 0 auto;
  padding: 0 0 40px;
  max-width: $max-content-width;
  &:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
  }
}
.networks {
  :global(.item) {
    color: $black;
    :global(.cell) {
      &:nth-child(1) {
        flex: 10;
        display: block;
      }
      &:nth-child(2) {
        text-align: center;
      }
      &:nth-child(3) {
        text-align: right;
        flex: 10;
        padding-left: 8px;
        display: block;
      }
    }
  }
}
.cloudBox {
  min-width: 64px;
  height: 16px;
  display: inline-block;
  border: 1px solid $gray-dark;
  border-radius: 4px;
  color: $black;
  line-height: 16px;
  text-align: center;
  margin-right: 8px;
  text-transform: uppercase;
  padding: 0 2px;
}
.instances {
  :global(.item) {
    :global(.cell){
      &:nth-child(1) {
        color: $black;
        width:50%;
        margin-right: 4px;
        display: block;
      }
      &:nth-child(2) {
        width:50%;
      }
      &:nth-child(3) {
        color: $blue;
        flex: 1;
      }
    }
  }
}
.schedules {

}
.migrationType {
  line-height: 20px;
  span:nth-child(2) {
    padding-left: 30px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSItMSAtMSAyNCAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iR3JvdXAtMi1Db3B5LTIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMC45OTk5NTI4LDYuMDk5MzA2MSBDNS4xMTIxNDE5Myw2LjA5OTMwNjEgMC4zMjI0MTc4OTUsNy44NTY2Mjg0IDAuMzIyNDE3ODk1LDEwLjAxNzIwODkgQzAuMzIyNDE3ODk1LDEyLjE3NzMxOTUgNS4xMTIxNDE5MywxMy45MzQ2NDE3IDEwLjk5OTk1MjgsMTMuOTM0NjQxNyBDMTYuODg3NzYzNywxMy45MzQ2NDE3IDIxLjY3Nzk0ODgsMTIuMTc3MzE5NSAyMS42Nzc5NDg4LDEwLjAxNzIwODkgQzIxLjY3Nzk0ODgsNy44NTY2Mjg0IDE2Ljg4Nzc2MzcsNi4wOTkzMDYxIDEwLjk5OTk1MjgsNi4wOTkzMDYxIE0xMC45OTk5NTI4LDE0LjI2MzE3MDMgQzQuODMxODU3NzksMTQuMjYzMTcwMyAwLjAwMDE4MzMzMzMzMywxMi4zOTgyMTg1IDAuMDAwMTgzMzMzMzMzLDEwLjAxNzIwODkgQzAuMDAwMTgzMzMzMzMzLDcuNjM1NzI5MzcgNC44MzE4NTc3OSw1Ljc3MDc3NzU0IDEwLjk5OTk1MjgsNS43NzA3Nzc1NCBDMTcuMTY4NTA4OSw1Ljc3MDc3NzU0IDIyLjAwMDE4MzMsNy42MzU3MjkzNyAyMi4wMDAxODMzLDEwLjAxNzIwODkgQzIyLjAwMDE4MzMsMTIuMzk4MjE4NSAxNy4xNjg1MDg5LDE0LjI2MzE3MDMgMTAuOTk5OTUyOCwxNC4yNjMxNzAzIiBpZD0iRmlsbC0yNSIgc3Ryb2tlPSIjRTYyNTY1IiBzdHJva2Utd2lkdGg9IjAuNSIgZmlsbD0iI0U2MjU2NSI+PC9wYXRoPjxwYXRoIGQ9Ik02LjYyOTI5OTUyLDAuMzI4NTMwNDA1IEM1LjQwNzA2MzAzLDAuMzI4NTMwNDA1IDQuMzgwNzM2MzYsMC43MzEzMTg2MzkgMy42NTYzNzk0NSwxLjQ5NzQxNTI4IEMxLjI0MTA4NDUyLDQuMDUwNDQ0MDkgMi42MTg0NzQxOSw5Ljk0MTg2ODI1IDYuNzI2NTU5NzIsMTQuNjMwMDk3NyBDOS40MDUzODM0OCwxNy42ODY5NjQzIDEyLjc0NDE4NzEsMTkuNjE4MTg1OCAxNS40NDA2MTA0LDE5LjY3MDM1NTYgQzE2LjcxMTk0MDEsMTkuNjkxMDM1NSAxNy43NzcxNzA5LDE5LjI5MTA2NzMgMTguNTIyODMyNCwxOC41MDI0MTA3IEMyMC45MzgxMjczLDE1Ljk0OTM4MTkgMTkuNTYwNzM3NiwxMC4wNTc5NTc3IDE1LjQ1MjE4OSw1LjM2OTcyODMgQzEyLjc3MzgyODQsMi4zMTI4NjE3IDkuNDM1MDI0NjgsMC4zODE2NDAxNzIgNi43Mzg2MDE0NiwwLjMyOTQ3MDQwMSBDNi43MDIwMTMxLDAuMzI5MDAwNDAzIDYuNjY1NDI0NzQsMC4zMjg1MzA0MDUgNi42MjkyOTk1MiwwLjMyODUzMDQwNSBNMTUuNTUwMzc1NCwxOS45OTk4MjQyIEMxNS41MTE0NzE0LDE5Ljk5OTgyNDIgMTUuNDczMDMwNCwxOS45OTkzNTQyIDE1LjQzNDU4OTUsMTkuOTk4ODg0MiBDMTIuNjUwNjMyMSwxOS45NDQ4MzQ0IDkuMjIxMDUyMjQsMTcuOTcxMzEzIDYuNDg0Nzk4NjYsMTQuODQ4NjQ2NyBDMi4yNjY5NDgwNSwxMC4wMzQ5Mjc4IDAuODkzMjYzNTI4LDMuOTQzMjg0NTYgMy40MjI0OTE4MywxLjI2OTkzNjI4IEM0LjIzMjk5MzQ5LDAuNDEzNjAwMDMyIDUuMzc4MzQ4MTEsLTAuMDI1Mzc4MDQzMSA2Ljc0NDYyMjMzLDAuMDAwOTQxODQxNDg5IEM5LjUyODU3OTczLDAuMDU0OTkxNjA0NSAxMi45NTc2OTY0LDIuMDI4NTEyOTUgMTUuNjkzOTUsNS4xNTExNzkyNiBDMTkuOTEyMjYzOCw5Ljk2NDg5ODE1IDIxLjI4NTk0ODMsMTYuMDU2MDcxNCAxOC43NTYyNTY5LDE4LjcyOTg4OTcgQzE3Ljk2OTM3NTUsMTkuNTYyMjU2MSAxNi44NjI0NjE4LDE5Ljk5OTgyNDIgMTUuNTUwMzc1NCwxOS45OTk4MjQyIiBpZD0iRmlsbC0zIiBzdHJva2U9IiNFNjI1NjUiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSIjRTYyNTY1Ij48L3BhdGg+PHBhdGggZD0iTTE1LjY4Njg1MDcsMC4zMjg2Njg4MjggQzE1LjY1MDcyNTQsMC4zMjg2Njg4MjggMTUuNjE0MTM3MSwwLjMyOTEzODgyNiAxNS41Nzc1NDg3LDAuMzI5NjA4ODI0IEMxMi44ODE1ODg2LDAuMzgxNzc4NTk1IDkuNTQyMzIxODMsMi4zMTMwMDAxMyA2Ljg2Mzk2MTIyLDUuMzY5ODY2NzIgQzIuNzU1NDEyNTUsMTAuMDU4MDk2MiAxLjM3ODAyMjg4LDE1Ljk0OTUyMDMgMy43OTMzMTc4MSwxOC41MDI1NDkxIEM0LjUzOTQ0MjQ3LDE5LjI5MTIwNTcgNS42MDY5ODg5NCwxOS42OTcyODM5IDYuODc1NTM5ODEsMTkuNjcwNDk0IEM5LjU3MTk2MzAzLDE5LjYxNzg1NDMgMTIuOTEwNzY2NywxNy42ODcxMDI3IDE1LjU4OTEyNzMsMTQuNjMwMjM2MSBDMTkuNjk3Njc2LDkuOTQyMDA2NjggMjEuMDc1MDY1Nyw0LjA1MDU4MjUxIDE4LjY1OTc3MDcsMS40OTc1NTM3IEMxNy45MzU0MTM4LDAuNzMxNDU3MDYyIDE2LjkwOTA4NzIsMC4zMjg2Njg4MjggMTUuNjg2ODUwNywwLjMyODY2ODgyOCBNNi43NjU3NzQ3MywxOS45OTk5NjI2IEM1LjQ1MzY4ODM0LDE5Ljk5OTk2MjYgNC4zNDY3NzQ2NSwxOS41NjIzOTQ1IDMuNTU5ODkzMzMsMTguNzMwMDI4MSBDMS4wMzAyMDE4OCwxNi4wNTY2Nzk5IDIuNDAzODg2NCw5Ljk2NTAzNjU4IDYuNjIxNzM3MDEsNS4xNTEzMTc2OCBDOS4zNTg0NTM3NCwyLjAyODY1MTM3IDEyLjc4NzU3MDUsMC4wNTUxMzAwMjc0IDE1LjU3MTUyNzksMC4wMDEwODAyNjQ0IEMxNi45MzM2MzM4LC0wLjAyNDc2OTYyMjMgMTguMDgzMTU2NywwLjQxMzczODQ1NSAxOC44OTM2NTgzLDEuMjcwMDc0NyBDMjEuNDIyODg2NywzLjk0Mzg5Mjk4IDIwLjA0OTIwMjEsMTAuMDM1MDY2MyAxNS44MzEzNTE1LDE0Ljg0ODc4NTIgQzEzLjA5NDYzNDgsMTcuOTcxNDUxNSA5LjY2NTUxODA4LDE5Ljk0NDk3MjggNi44ODE1NjA2OCwxOS45OTkwMjI2IEM2Ljg0MzExOTc1LDE5Ljk5OTQ5MjYgNi44MDQyMTU2NywxOS45OTk5NjI2IDYuNzY1Nzc0NzMsMTkuOTk5OTYyNiIgaWQ9IkZpbGwtMTQiIHN0cm9rZT0iI0U2MjU2NSIgc3Ryb2tlLXdpZHRoPSIwLjUiIGZpbGw9IiNFNjI1NjUiPjwvcGF0aD48L2c+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: left center;
    color: $color-replica !important;
  }
  &:global(.migration) {
    span:nth-child(2) {
      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSItMSAtMSAyNCAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iR3JvdXAtMi1Db3B5LTIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMC45OTk5NTI4LDYuMDk5MzA2MSBDNS4xMTIxNDE5Myw2LjA5OTMwNjEgMC4zMjI0MTc4OTUsNy44NTY2Mjg0IDAuMzIyNDE3ODk1LDEwLjAxNzIwODkgQzAuMzIyNDE3ODk1LDEyLjE3NzMxOTUgNS4xMTIxNDE5MywxMy45MzQ2NDE3IDEwLjk5OTk1MjgsMTMuOTM0NjQxNyBDMTYuODg3NzYzNywxMy45MzQ2NDE3IDIxLjY3Nzk0ODgsMTIuMTc3MzE5NSAyMS42Nzc5NDg4LDEwLjAxNzIwODkgQzIxLjY3Nzk0ODgsNy44NTY2Mjg0IDE2Ljg4Nzc2MzcsNi4wOTkzMDYxIDEwLjk5OTk1MjgsNi4wOTkzMDYxIE0xMC45OTk5NTI4LDE0LjI2MzE3MDMgQzQuODMxODU3NzksMTQuMjYzMTcwMyAwLjAwMDE4MzMzMzMzMywxMi4zOTgyMTg1IDAuMDAwMTgzMzMzMzMzLDEwLjAxNzIwODkgQzAuMDAwMTgzMzMzMzMzLDcuNjM1NzI5MzcgNC44MzE4NTc3OSw1Ljc3MDc3NzU0IDEwLjk5OTk1MjgsNS43NzA3Nzc1NCBDMTcuMTY4NTA4OSw1Ljc3MDc3NzU0IDIyLjAwMDE4MzMsNy42MzU3MjkzNyAyMi4wMDAxODMzLDEwLjAxNzIwODkgQzIyLjAwMDE4MzMsMTIuMzk4MjE4NSAxNy4xNjg1MDg5LDE0LjI2MzE3MDMgMTAuOTk5OTUyOCwxNC4yNjMxNzAzIiBpZD0iRmlsbC0yNSIgc3Ryb2tlPSIjMDA1NkI4IiBzdHJva2Utd2lkdGg9IjAuNSIgZmlsbD0iIzAwNTZCOCI+PC9wYXRoPjxwYXRoIGQ9Ik02LjYyOTI5OTUyLDAuMzI4NTMwNDA1IEM1LjQwNzA2MzAzLDAuMzI4NTMwNDA1IDQuMzgwNzM2MzYsMC43MzEzMTg2MzkgMy42NTYzNzk0NSwxLjQ5NzQxNTI4IEMxLjI0MTA4NDUyLDQuMDUwNDQ0MDkgMi42MTg0NzQxOSw5Ljk0MTg2ODI1IDYuNzI2NTU5NzIsMTQuNjMwMDk3NyBDOS40MDUzODM0OCwxNy42ODY5NjQzIDEyLjc0NDE4NzEsMTkuNjE4MTg1OCAxNS40NDA2MTA0LDE5LjY3MDM1NTYgQzE2LjcxMTk0MDEsMTkuNjkxMDM1NSAxNy43NzcxNzA5LDE5LjI5MTA2NzMgMTguNTIyODMyNCwxOC41MDI0MTA3IEMyMC45MzgxMjczLDE1Ljk0OTM4MTkgMTkuNTYwNzM3NiwxMC4wNTc5NTc3IDE1LjQ1MjE4OSw1LjM2OTcyODMgQzEyLjc3MzgyODQsMi4zMTI4NjE3IDkuNDM1MDI0NjgsMC4zODE2NDAxNzIgNi43Mzg2MDE0NiwwLjMyOTQ3MDQwMSBDNi43MDIwMTMxLDAuMzI5MDAwNDAzIDYuNjY1NDI0NzQsMC4zMjg1MzA0MDUgNi42MjkyOTk1MiwwLjMyODUzMDQwNSBNMTUuNTUwMzc1NCwxOS45OTk4MjQyIEMxNS41MTE0NzE0LDE5Ljk5OTgyNDIgMTUuNDczMDMwNCwxOS45OTkzNTQyIDE1LjQzNDU4OTUsMTkuOTk4ODg0MiBDMTIuNjUwNjMyMSwxOS45NDQ4MzQ0IDkuMjIxMDUyMjQsMTcuOTcxMzEzIDYuNDg0Nzk4NjYsMTQuODQ4NjQ2NyBDMi4yNjY5NDgwNSwxMC4wMzQ5Mjc4IDAuODkzMjYzNTI4LDMuOTQzMjg0NTYgMy40MjI0OTE4MywxLjI2OTkzNjI4IEM0LjIzMjk5MzQ5LDAuNDEzNjAwMDMyIDUuMzc4MzQ4MTEsLTAuMDI1Mzc4MDQzMSA2Ljc0NDYyMjMzLDAuMDAwOTQxODQxNDg5IEM5LjUyODU3OTczLDAuMDU0OTkxNjA0NSAxMi45NTc2OTY0LDIuMDI4NTEyOTUgMTUuNjkzOTUsNS4xNTExNzkyNiBDMTkuOTEyMjYzOCw5Ljk2NDg5ODE1IDIxLjI4NTk0ODMsMTYuMDU2MDcxNCAxOC43NTYyNTY5LDE4LjcyOTg4OTcgQzE3Ljk2OTM3NTUsMTkuNTYyMjU2MSAxNi44NjI0NjE4LDE5Ljk5OTgyNDIgMTUuNTUwMzc1NCwxOS45OTk4MjQyIiBpZD0iRmlsbC0zIiBzdHJva2U9IiMwMDU2QjgiIHN0cm9rZS13aWR0aD0iMC41IiBmaWxsPSIjMDA1NkI4Ij48L3BhdGg+PHBhdGggZD0iTTE1LjY4Njg1MDcsMC4zMjg2Njg4MjggQzE1LjY1MDcyNTQsMC4zMjg2Njg4MjggMTUuNjE0MTM3MSwwLjMyOTEzODgyNiAxNS41Nzc1NDg3LDAuMzI5NjA4ODI0IEMxMi44ODE1ODg2LDAuMzgxNzc4NTk1IDkuNTQyMzIxODMsMi4zMTMwMDAxMyA2Ljg2Mzk2MTIyLDUuMzY5ODY2NzIgQzIuNzU1NDEyNTUsMTAuMDU4MDk2MiAxLjM3ODAyMjg4LDE1Ljk0OTUyMDMgMy43OTMzMTc4MSwxOC41MDI1NDkxIEM0LjUzOTQ0MjQ3LDE5LjI5MTIwNTcgNS42MDY5ODg5NCwxOS42OTcyODM5IDYuODc1NTM5ODEsMTkuNjcwNDk0IEM5LjU3MTk2MzAzLDE5LjYxNzg1NDMgMTIuOTEwNzY2NywxNy42ODcxMDI3IDE1LjU4OTEyNzMsMTQuNjMwMjM2MSBDMTkuNjk3Njc2LDkuOTQyMDA2NjggMjEuMDc1MDY1Nyw0LjA1MDU4MjUxIDE4LjY1OTc3MDcsMS40OTc1NTM3IEMxNy45MzU0MTM4LDAuNzMxNDU3MDYyIDE2LjkwOTA4NzIsMC4zMjg2Njg4MjggMTUuNjg2ODUwNywwLjMyODY2ODgyOCBNNi43NjU3NzQ3MywxOS45OTk5NjI2IEM1LjQ1MzY4ODM0LDE5Ljk5OTk2MjYgNC4zNDY3NzQ2NSwxOS41NjIzOTQ1IDMuNTU5ODkzMzMsMTguNzMwMDI4MSBDMS4wMzAyMDE4OCwxNi4wNTY2Nzk5IDIuNDAzODg2NCw5Ljk2NTAzNjU4IDYuNjIxNzM3MDEsNS4xNTEzMTc2OCBDOS4zNTg0NTM3NCwyLjAyODY1MTM3IDEyLjc4NzU3MDUsMC4wNTUxMzAwMjc0IDE1LjU3MTUyNzksMC4wMDEwODAyNjQ0IEMxNi45MzM2MzM4LC0wLjAyNDc2OTYyMjMgMTguMDgzMTU2NywwLjQxMzczODQ1NSAxOC44OTM2NTgzLDEuMjcwMDc0NyBDMjEuNDIyODg2NywzLjk0Mzg5Mjk4IDIwLjA0OTIwMjEsMTAuMDM1MDY2MyAxNS44MzEzNTE1LDE0Ljg0ODc4NTIgQzEzLjA5NDYzNDgsMTcuOTcxNDUxNSA5LjY2NTUxODA4LDE5Ljk0NDk3MjggNi44ODE1NjA2OCwxOS45OTkwMjI2IEM2Ljg0MzExOTc1LDE5Ljk5OTQ5MjYgNi44MDQyMTU2NywxOS45OTk5NjI2IDYuNzY1Nzc0NzMsMTkuOTk5OTYyNiIgaWQ9IkZpbGwtMTQiIHN0cm9rZT0iIzAwNTZCOCIgc3Ryb2tlLXdpZHRoPSIwLjUiIGZpbGw9IiMwMDU2QjgiPjwvcGF0aD48L2c+PC9zdmc+');
      background-repeat: no-repeat;
      background-position: left center;
      color: $color-migration !important;
    }
  }
}
.columnLeft {
  float: left;
}
.columnRight {
  float: right;
}
.columnLeft, .columnRight {
  width: 336px;
}
