@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
@font-face {
  font-family: Whitney HTF Book;
  src: url("../fonts/WhitneyHTF-Book.otf");
}
@font-face {
  font-family: Whitney-Semibold;
  src: url("../fonts/WhitneyHTF-SemiBold.otf");
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}
body {
  font-family: "Open Sans", sans-serif;
  color: #555555;
  letter-spacing: 0.03em;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
section {
  padding: 0;
  margin: 0;
}

#maintenance {
  background-color: #f9535c;
}

#maintenance .header-wrapper {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 9998;
  margin: 40px 0;
  justify-content: space-between;
}

#maintenance .header-wrapper .logo-left {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 45px;
  align-items: center;
}

#maintenance .header-wrapper .logo-right {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 45px 0 0;
  justify-content: flex-end;
  align-items: center;
}
h1.under-maintenance {
  color: #fff;
  font-size: 2.4em;
  font-weight: 400;
  font-family: "Whitney HTF Book", sans-serif;
  margin: 45px 0;
}

.container {
  width: 100%;
  margin: 0 auto;
}
.container.content {
  max-width: 100%;
}
.container.content-detail {
  max-width: 100%;
}
.container.catalog {
  max-width: 100%;
}
.container.billing {
  max-width: 100%;
}
.container.promotion {
  max-width: 100%;
}
.container.promo {
  max-width: 100%;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.17em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 0.83em;
}
h6 {
  font-size: 0.67em;
}
p {
  font-size: 1em;
  line-height: 1.5;
}
a {
  color: #535353;
  text-decoration: none;
  cursor: pointer;
}
a:active,
a:focus {
  outline: 0;
}
a.underlined {
  text-decoration: underline;
}
a.underlined-blue {
  color: #308cf8;
  text-decoration: underline;
}
a.default-red {
  color: #db1936;
}
ul.dash {
  margin: 0 0 0 15px;
  padding: 10px 40px;
  list-style-type: none;
}
ul.dash > li {
  position: relative;
  padding: 5px 0;
}
ul.dash > li:before {
  content: "-";
  position: absolute;
  left: -12px;
}
ul.dash > li .detail-list {
  padding: 10px 30px;
}
ul.dash > li .detail-list ol {
  margin: 0 0 0 12px;
  padding: 0;
}
ul.dash > li .detail-list ol li {
  margin: 10px 0;
}
.bold {
  font-weight: 600;
  display: inline-block;
}
pre.prompt {
  width: 360px;
  padding: 15px;
  font-size: 1em;
  color: #ffffff;
  background-color: #4e4e4e;
}
strong {
  font-family: "Open Sans", sans-serif;
}
.command-code {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 6px;
  color: #db1936;
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
}
.m-t-20 {
  margin-top: 20px;
}
.nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav ul li {
  padding: 0;
  margin: 0;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.italic {
  font-family: "Open Sans", sans-serif;
}
.no-padding {
  padding: 0;
}
.page-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}
/*.page-container.vm-detail {
  min-height: calc(100% - 36px); }
.page-container.network-detail {
  min-height: calc(100% - 36px);
  margin: 36px 0 0; }
.page-container.domain-detail {
  min-height: calc(100% - 36px);
  margin: 36px 0 0; }
.page-container.volume-detail {
  min-height: calc(100% - 36px); }
.page-container.object-storage {
  min-height: calc(100% - 36px);}*/

.color-red {
  color: #f1303b !important;
}
.color-green {
  color: #00be84 !important;
}
.color-blue {
  color: #308cf8 !important;
}
.color-orange {
  color: #faa821 !important;
}
.color-yellow {
  color: #ebb141 !important;
}
.color-grey {
  color: #73736f !important;
}
.color-black {
  color: #1e1e21 !important;
}
.color-white {
  color: #fff;
}
.border-color-grey {
  border-color: #9b9b9b !important;
}
.resend_token {
  font-size: 12px;
  text-decoration: underline;
}
.form-wrapper.center-form,
.form-wrapper.signup-form,
.form-wrapper.signin-form,
.form-wrapper.modal-form,
.form-wrapper.edit-modal-form,
.form-wrapper.error-form {
  margin: auto;
}
.form-wrapper.signup-form,
.form-wrapper.signin-form {
  width: 100%;
  max-width: 440px;
  padding: 21px 50px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  color: #555555;
  font-size: 14px;
  background-color: #ffffff;
  z-index: 1;
}

.form-wrapper.error-form {
  width: 100%;
  max-width: 440px;
  padding: 20px 50px 40px;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  color: #555555;
  font-size: 14px;
  background-color: #ffffff;
  z-index: 1;
}
.code-form {
  max-width: 540px !important;
}
.form-wrapper.signup-form label {
  color: #555555;
  font-size: 14px;
}
.form-wrapper.signup-form .register-verify-img {
  text-align: center;
  margin-top: 51px;
  margin-bottom: 30px;
}
.form-wrapper.signup-form .register-verify-img img {
  max-width: 191px;
}
.m-t-20 {
  margin-top: 20px;
}
.form-wrapper {
  width: 100%;
  max-width: 780px;
}
.content-wrapper.catalog-content .empty-catalog {
  margin: auto !important;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.form-wrapper.bordered {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #a7a7a7;
}
.form-wrapper.full-form {
  width: 100%;
  max-width: 100%;
}
.form-wrapper.edit-modal-form {
  width: 100%;
  max-width: 412px;
}
.form-wrapper.account-form {
  width: auto;
}
.form-wrapper.verification-form {
  margin: 22px auto 0 auto;
  width: 100%;
  max-width: 276px;
}
.form-wrapper.create-ticket-form {
  width: 100%;
  max-width: 580px;
}
.form-wrapper.search-domain-form {
  width: 100%;
  max-width: 640px;
}
.form-wrapper.voucher-form {
  width: 100%;
  max-width: 480px;
}
.form-wrapper.voucher-redeem-form {
  width: 100%;
  max-width: 320px;
}
.form-wrapper.vm-detail-form {
  width: 100%;
  max-width: 684px;
}
.form-wrapper.manage-vm-form {
  width: 100%;
  color: #4a4a4a;
}
.manage-vm-form .form-sub-title span {
  font-weight: 600;
}
.form-wrapper.manage-vm-form .form-header {
  margin: 0 0 10px;
}
.form-wrapper.manage-vm-form .form-header .btn {
  margin: 10px 0 0;
}
.form-wrapper.config-volume-form {
  width: 100%;
  max-width: 540px;
}

.form-wrapper.config-snapshot-form {
  width: 100%;
  max-width: 730px;
}
.form-wrapper.config-network-form {
  width: 100%;
  max-width: 700px;
}
.form-wrapper.config-security-form {
  width: 100%;
  max-width: 590px;
}
.form-wrapper.network-security-form {
  width: 100%;
  max-width: 580px;
}
.form-wrapper.network-security-form .form-header {
  margin: 0 0 10px;
}
.form-wrapper.network-security-form .form-header .btn {
  margin: 10px 0 0;
}
.form-wrapper.network-router-form {
  width: 100%;
  max-width: 440px;
}
.form-wrapper.network-router-form .form-header {
  margin: 0 0 10px;
}
.form-wrapper.config-form {
  width: 500px;
}
.form-wrapper.nameserver-form {
  margin: 45px 0 0;
}
.form-wrapper .form-header {
  margin: 0 0 22px;
}

.catalog-wrapper .form-wrapper .form-header {
  margin: 0 0 12px;
}
.form-wrapper .form-header .form-title {
  margin: 0;
  font-family: "Whitney-Semibold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #6e6e6e;
}
.form-wrapper .form-header .form-title.modal-title {
  font-family: "Whitney-Semibold", sans-serif;
  font-size: 1.17em;
  color: #505050;
}
.form-wrapper .form-header .form-title.catalog-title {
  font-family: "Whitney-Semibold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #555;
}
.form-wrapper .form-header .form-sub-title {
  margin: 14px 0 0;
  color: #8d8d8d;
}

.form-sub-title {
  font-family: "Whitney-Semibold", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #555;
}

.form-wrapper .form-header .form-attention {
  margin: 0 0 20px;
  font-size: 14px;
  color: #f1303b;
}
.form-wrapper .form-header .form-sub-title.catalog-sub-title {
  font-family: "Whitney-Semibold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #555;
}

.form-wrapper .form-header .form-sub-title.plesk-sub-title {
  font-family: "Whitney HTF Book", sans-serif;
  font-size: 14px;
  color: #555;
  font-weight: 400;
}
.form-wrapper .form-header .form-sub-title.security {
  margin: 14px 0 10px;
  color: #535353;
}
.form-wrapper .form-header .form-sub-title.router {
  color: #535353;
}
.form-wrapper .form-text {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
  margin: 0 0 20px;
}
.form-wrapper .form-text p {
  margin: 0 0 10px;
  font-size: 1em;
}
.form-wrapper .form-text p + p {
  margin: 10px 0 0;
}
.form-wrapper .form-text.delete-space {
  margin: 0 0 22px;
}
.form-wrapper + .form-wrapper {
  margin: 40px 0 0;
}
.panel-menu {
  border-right: 0.5px solid #1e1e21;
  background-color: #ffffff !important;
}
.panel-menu.volume-detail ul,
.panel-menu.vm-detail ul,
.panel-menu.object-storage ul {
  padding: 25px 30px;
}
.panel-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.panel-menu.account {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  background-color: #6e6e6e;
}
.panel-menu.support {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  overflow-y: auto;
  max-height: calc(100vh - 60px);
}
.panel-menu.documentation {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
}
.panel-menu.catalog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  padding: 22px 0 0;
}
.panel-menu.billing {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
}
.panel-menu.vm-detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  background-color: #ffffff;
}
.panel-menu.network-detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  background-color: #ffffff;
}
.panel-menu.domain-detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  background-color: #ffffff;
}
.panel-menu.volume-detail {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  background-color: #ffffff;
}
.panel-menu.object-storage {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 351px;
  -ms-flex: 0 0 351px;
  flex: 0 0 351px;
  width: 351px;
  background-color: #ffffff;
}
.panel-menu .page-title {
  margin: 30px 30px 22px 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600 !important;
  color: #6e6e6e;
}
.panel-menu .page-title + .page-title {
  margin: 22px 30px 16px 30px;
}
.content-wrapper.support-content,
.content-wrapper.catalog-content,
.content-wrapper.billing-content {
  background-color: #ffffff;
}
.content-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 30px;
  width: 100%;
}
.content-wrapper.support-content {
}
.content-wrapper.documentation-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 28px;
}
.content-wrapper.catalog-content {
  padding: 0;
  position: relative;
}
.content-wrapper.billing-content {
  padding: 0;
}
.content-wrapper .page-title {
  margin: 0 0 17px 0;
  font-family: "Whitney-Semibold", "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600 !important;
  color: #4a4a4a;
}
.content-wrapper .page-title .page-subtitle {
  margin: 10px 0 0;
  font-size: 0.875em;
  font-weight: normal;
  color: #8d8d8d;
}
.content-wrapper .page-title.network-title {
  margin: 0;
}
.content-wrapper .page-title.vm-title {
  margin: 0 0 28px;
}
.content-wrapper .page-title.manage-vm-title {
  margin: 0;
}
.content-wrapper .page-title.network-detail-title {
  margin: 0 0 20px;
}
.content-wrapper .page-title.object-storage-title {
  font-size: 18px;
  margin: 0;
}
.object-storage-upgrade {
  font-size: 18px;
  font-family: "Whitney-Semibold", "Open Sans", sans-serif;
  font-weight: 600;
  vertical-align: -webkit-baseline-middle;
}
.loading-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  flex-direction: column;
}
.loading-image-wrapper {
  margin: 0 0 42px;
  padding: 18px 88px;
  background-color: #ffffff;
}
.loading-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 10000;
}
#biznet-loading {
  position: relative;
  width: 120px;
  height: 16px;
  margin: auto;
}
.biznet-loading {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  animation-name: biznetLoad;
  -o-animation-name: biznetLoad;
  -ms-animation-name: biznetLoad;
  -webkit-animation-name: biznetLoad;
  -moz-animation-name: biznetLoad;
  animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  position: absolute;
  top: 0;
  background-color: #da2719;
}
#biznet-loading-1 {
  left: 0;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}
#biznet-loading-2 {
  left: 26px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}
#biznet-loading-3 {
  left: 51px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}
#biznet-loading-4 {
  left: 77px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}
#biznet-loading-5 {
  left: 102px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}
@keyframes biznetLoad {
  0% {
    background-color: #da2719;
  }
  100% {
    background-color: #f7d3d3;
  }
}
@-o-keyframes biznetLoad {
  0% {
    background-color: #da2719;
  }
  100% {
    background-color: #f7d3d3;
  }
}
@-ms-keyframes biznetLoad {
  0% {
    background-color: #da2719;
  }
  100% {
    background-color: #f7d3d3;
  }
}
@-webkit-keyframes biznetLoad {
  0% {
    background-color: #da2719;
  }
  100% {
    background-color: #f7d3d3;
  }
}
@-moz-keyframes biznetLoad {
  0% {
    background-color: #da2719;
  }
  100% {
    background-color: #f7d3d3;
  }
}
@media screen and (max-width: 1440px) {
  .container.content {
    max-width: 954px;
  }
  .container.catalog {
    max-width: 960px;
  }
  .container.billing {
    max-width: 954px;
  }
  .container.promotion {
    max-width: 940px;
  }
  .container.promo {
    max-width: 1052px;
  }
  .form-wrapper .form-header .form-title.catalog-title {
    font-weight: normal;
  }
  .content-wrapper .page-title {
    font-weight: normal;
  }
}
@media screen and (max-width: 1366px) {
  .container.content {
    max-width: 890px;
  }
  .container.catalog {
    max-width: 890px;
  }
  .container.billing {
    max-width: 890px;
  }
  .container.promotion {
    max-width: 888px;
  }
  .container.promo {
    max-width: 1000px;
  }
}
@media screen and (max-width: 1200px) {
  .container.content {
    max-width: 730px;
  }
  .container.catalog {
    max-width: 740px;
  }
  .container.billing {
    max-width: 730px;
  }
  .container.promotion {
    max-width: 732px;
  }
  .container.promo {
    max-width: 844px;
  }
}
.grids {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}
.grids [class^="grid-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.grids.space-between {
  justify-content: space-between;
}
.grids.with-space {
  margin: 0 -8px;
}
.grids.with-space > [class^="grid-"] {
  padding: 0 8px;
}
.grids.verify {
  margin: 0 -8px;
}
.grids.verify > [class^="grid-"] {
  padding: 0 8px;
}
.grids.catalog {
  margin: 0 -25px 15px 0;
}
.grids.catalog > [class^="grid-"] {
  padding: 0 4px;
  margin-right: 10px;
}
.grids.catalog .grid-offset-1 {
  margin-left: 6%;
}
.grids.vm {
  margin: 0 -10px;
}
.grids.vm > [class^="grid-"] {
  padding: 0 10px;
}
.grids.vm-package {
  margin: 0 -5px;
}
.grids.vm-package > [class^="grid-"] {
  padding: 0 5px 10px;
}
.grids.sidebar {
  margin: 0 -2px;
}
.grids.sidebar > [class^="grid-"] {
  padding: 0 2px;
}
.grids.content {
  margin: 0 -10px;
}
.grids.content > [class^="grid-"] {
  padding: 0 10px;
}
.grids .grid-1 {
  -webkit-flex-basis: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  width: 8.33333333%;
}
.grids .grid-2 {
  -webkit-flex-basis: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  width: 16.66666667%;
}
.grids .grid-3 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  width: 25%;
}
.grids .grid-4 {
  -webkit-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333333%;
}
.grids .grid-5 {
  -webkit-flex-basis: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  width: 41.66666667%;
}
.grids .grid-6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
}
.grids .grid-7 {
  -webkit-flex-basis: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  width: 58.33333333%;
}
.grids .grid-8 {
  -webkit-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  width: 66.66666667%;
}
.grids .grid-9 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  width: 75%;
}
.grids .grid-10 {
  -webkit-flex-basis: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  width: 83.33333333%;
}
.grids .grid-11 {
  -webkit-flex-basis: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  width: 91.66666667%;
}
.grids .grid-12 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
}
.grids .grid-offset-1 {
  margin-left: 8.33333333%;
}
.grids .grid-offset-2 {
  margin-left: 16.66666667%;
}
.grids .grid-offset-3 {
  margin-left: 25%;
}
.grids .grid-offset-4 {
  margin-left: 33.33333333%;
}
.grids .grid-offset-5 {
  margin-left: 41.66666667%;
}
.grids .grid-offset-6 {
  margin-left: 50%;
}
.grids .grid-offset-7 {
  margin-left: 58.33333333%;
}
.grids .grid-offset-8 {
  margin-left: 66.66666667%;
}
.grids .grid-offset-9 {
  margin-left: 75%;
}
.grids .grid-offset-10 {
  margin-left: 83.33333333%;
}
.grids .grid-offset-11 {
  margin-left: 91.66666667%;
}
.grids .grid-offset-12 {
  margin-left: 100%;
}
.grids .grid {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 1440px) {
  .grids.vm-package > [class^="grid-"] {
    padding: 0 5px 5px 0;
  }
  .package-wrapper.package-instance .package-price {
    margin-left: -10px;
  }
  .package-wrapper.package-instance .package-price::before {
    left: -41px !important;
  }
  .grids .grid-1-lg {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    width: 8.33333333%;
  }
  .grids .grid-2-lg {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    width: 16.66666667%;
  }
  .grids .grid-3-lg {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    width: 25%;
  }
  .grids .grid-4-lg {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333333%;
  }
  .grids .grid-5-lg {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    width: 41.66666667%;
  }
  .grids .grid-6-lg {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
  }
  .grids .grid-7-lg {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    width: 58.33333333%;
  }
  .grids .grid-8-lg {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    width: 66.66666667%;
  }
  .grids .grid-9-lg {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    width: 75%;
  }
  .grids .grid-10-lg {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    width: 83.33333333%;
  }
  .grids .grid-11-lg {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    width: 91.66666667%;
  }
  .grids .grid-12-lg {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
  .grids .grid-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    width: 0;
  }
  .grids.vm {
    margin: 0 -8px;
  }
  .grids.vm > [class^="grid-"] {
    padding: 0 8px;
  }
  .grids .grid-offset-0-lg {
    margin-left: 0;
  }
}
@media screen and (max-width: 1200px) {
  .grids .grid-1-md {
    -webkit-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    width: 8.33333333%;
  }
  .grids .grid-2-md {
    -webkit-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    width: 16.66666667%;
  }
  .grids .grid-3-md {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    width: 25%;
  }
  .grids .grid-4-md {
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333333%;
  }
  .grids .grid-5-md {
    -webkit-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    width: 41.66666667%;
  }
  .grids .grid-6-md {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
  }
  .grids .grid-7-md {
    -webkit-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    width: 58.33333333%;
  }
  .grids .grid-8-md {
    -webkit-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    width: 66.66666667%;
  }
  .grids .grid-9-md {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    width: 75%;
  }
  .grids .grid-10-md {
    -webkit-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    width: 83.33333333%;
  }
  .grids .grid-11-md {
    -webkit-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    width: 91.66666667%;
  }
  .grids .grid-12-md {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
  }
}
.vm-summary .form-group + .form-group {
  margin: 6px 0 0;
}
.form-group + .form-group {
  margin: 20px 0 0;
}
.register-user .form-group + .form-group {
  margin: 15px 0 0;
}
.form-group.sparate-group {
  padding-top: 10px;
  border-top: 1px solid #a7a7a7;
}
.form-group.wider-group {
  margin: 30px 0 0;
}
.bordered-form-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px;
  border: 1px solid #a7a7a7;
}
.bordered-form-wrapper .form-group + .form-group {
  margin: 20px 0 0;
}
label {
  display: block;
  padding: 6px 0;
  font-size: 13px;
  color: #555555;
}
label span.checkbox {
  width: 15px;
  height: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: -1px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #555555;
}
label span.checkbox-vm-package {
  width: 15px;
  height: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: -1px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #555555;
}
label span.checkbox:hover,
label span.checkbox-vm-package {
  cursor: pointer;
}
label span.radio {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: -1px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #555;
}
label span.radio:hover {
  cursor: pointer;
}
label.agreement {
  font-size: 12px !important;
}
label[for="volume-desc"] {
  margin-right: 10px;
}
.form-control {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  padding: 0 14px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #4a4a4a;
  background-color: #ffffff;
  border: 0.5px solid #9b9b9b;
}
li.divider {
  margin-top: inherit;
}
.divider {
  border-bottom: 0.5px solid #cccccc;
  margin-top: 30px;
  margin-bottom: 24px;
  width: 100%;
}
.divider.menu {
  border-bottom: 1px solid #cccccc;
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 0px;
  z-index: -1;
}
input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form-control:focus {
  outline: none;
  border-color: #308cf8;
}
.form-control:disabled {
  border-color: #dedede;
  background-color: #dedede;
  height: 35px;
}
.form-control.summary:disabled {
  border-color: transparent;
  background-color: transparent;
  height: 36px;
  padding: 0;
}
.form-control.no-border {
  border: 0;
}
.form-control.color-blue {
  color: #308cf8;
}
.form-control.domain-term {
  width: 100px;
}
.form-control.error {
  border-color: #db1936;
}
.form-control.error::-webkit-input-placeholder {
  color: #db1936;
}
.form-control.error:-moz-placeholder {
  color: #db1936;
  opacity: 1;
}
.form-control.error::-moz-placeholder {
  color: #db1936;
  opacity: 1;
}
.form-control.error:-ms-input-placeholder {
  color: #db1936;
}
.form-control.error::-ms-input-placeholder {
  color: #db1936;
}

.form-control::-webkit-input-placeholder {
  color: #9b9b9b;
}
.form-control::-moz-input-placeholder {
  color: #9b9b9b;
}
.form-control::-ms-input-placeholder {
  color: #9b9b9b;
}

select.form-control {
  height: 36px;
  padding: 0 34px 0 14px;
  color: #4a4a4a;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../icons/arrow-icon.png");
  background-repeat: no-repeat;
  background-size: 10px auto;
  background-position: calc(100% - 12px) center;
}

select.page-nav {
  width: 70px;
  background-image: url("../icons/arrow-vertical.png");
  background-size: 14px auto;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}
textarea.form-control {
  padding: 14px;
  height: 130px;
  resize: vertical;
}
.custom-checkbox {
  display: none;
}
.agreement input:checked span.checkbox {
  background-color: #ffffff;
}
.agreement input:checked ~ span.checkbox:before {
  width: 13px;
  height: 7px;
  content: "";
  margin: -2px 0 0 2px;
  border-bottom: 3px solid #555555;
  border-left: 3px solid #555555;
  display: block;
  transform: rotateZ(315deg);
}
.custom-checkbox:checked + label span.checkbox {
  background-color: #ffffff;
}
.custom-checkbox:checked + label span.checkbox-vm-package {
  background-color: #555555;
}
.custom-checkbox:checked + label span.checkbox:before {
  width: 13px;
  height: 7px;
  content: "";
  margin: -2px 0 0 2px;
  border-bottom: 3px solid #555555;
  border-left: 3px solid #555555;
  display: block;
  transform: rotateZ(315deg);
}
.custom-checkbox:checked + label span.checkbox-vm-package:before {
  width: 10px;
  height: 5px;
  content: "";
  margin: 1px 0 0 1px;
  margin-top: 1px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 1px;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
  display: block;
  transform: rotateZ(315deg);
}
.custom-checkbox + label {
  padding: 5px 0;
}
.custom-radio {
  display: none;
}
.custom-radio:checked + label span.radio {
  background-color: #797979;
}
.custom-radio:checked + label span.radio:before {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  margin: 4px;
  display: block;
  background-color: #ffffff;
}
.custom-radio + label {
  padding: 1px;
}
.custom-upload {
  display: none;
}
.forget-link {
  margin-top: 7px;
  font-size: 12px;
  color: #535353;
  text-decoration: underline;
}
.register-link {
  font-size: 14px;
  font-weight: 600;
}
.custom-option {
  width: 100%;
  height: 30px;
  position: relative;
}
.custom-option.domain-config {
  margin: 0 0 35px;
}
.custom-select {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
  font-size: 0.8em;
}
.custom-select .selected-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
}
.custom-select .selected-option:after {
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("../icons/arrow-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.custom-select ul {
  margin: 0 7px;
  padding: 0;
  list-style-type: none;
  display: none;
}
.custom-select ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 0;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  border-top: 1px solid #a7a7a7;
}
.custom-select ul li span {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  margin: 3px 0 0;
  padding: 0 7px;
}
.custom-select ul li span.option-title {
  margin: 0;
  color: #535353;
}
.custom-select ul li.selected {
  display: none;
}
.custom-select ul li:hover {
  background-color: #efefef;
}
.custom-select.expand .selected-option:after {
  background-image: url("../icons/arrow-icon-up.png");
}
.img-upload {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.img-upload .upload-input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 13px 0 0;
  padding: 6px;
  align-items: center;
  border: 1px solid #a7a7a7;
  background-color: #ffffff;
}
.img-upload .upload-input label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 14px;
  display: block;
  font-size: 0.625em;
  background-color: #308cf8;
  color: #ffffff;
}
.img-upload .upload-input span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 228px;
  margin: 0 0 0 5px;
  display: block;
  font-size: 0.8em;
}
.multiple-upload {
  display: none;
}
.error-message {
  color: #db1936;
  font-size: 0.8em;
}
.optional-input {
  font-size: 0.75em;
}
.form-custom-margin {
  margin: 20px 0 0;
}
.btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 0;
  height: 30px;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  border: 0;
}
.btn:focus {
  outline: none;
}
.btn:hover {
  cursor: pointer;
}
.btn.btn-auto {
  padding: 8px 20px;
}
.btn.btn-auto-sm {
  padding: 8px;
}
.btn.btn-small {
  width: 130px;
  text-align: center;
}
.btn.btn-manage-network {
  padding: 11px 25px !important;
  text-align: center;
  margin: 0 0 17px;
}
.btn.btn-small.update-subs {
  text-align: center;
}
.btn.btn-icon.btn-delete {
  width: 30px;
  height: 30px;
  border: 1px solid #4a4a4a;
  border-radius: 3px;
  color: #4a4a4a;
}
.btn.btn-w-50 {
  width: 50px;
  height: 20px;
  line-height: 0;
}
.btn.btn-m-small {
  width: 120px;
  text-align: center;
}
.btn.btn-x-small {
  width: 97px;
  text-align: center;
}
.btn.btn-medium {
  width: 80px;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.btn.btn-full {
  width: 150px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
}
.btn-large {
  min-width: 35px !important;
  min-height: 35px;
  padding: 11px 0 !important;
}

.btn-large.domain {
  width: 175px !important;
  min-height: 35px;
  padding: 11px 0 !important;
  text-align: center;
}
.btn.btn-bold {
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
}
.btn.btn-register {
  width: 100%;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
}
.btn.btn-primary {
  background-color: #308cf8;
}
.btn.btn-secondary {
  background-color: #cccccc;
}
.btn.btn-tertiary {
  background-color: #db1936;
}
.btn.btn-ghost-primary {
  color: #308cf8;
  background-color: #ffffff;
  text-align: center;
  border: 1px solid #308cf8;
  min-width: 30px;
}
.btn.btn-ghost-tertiary {
  color: #db1936;
  background-color: #ffffff;
  text-align: center;
  min-width: 30px;
  border: 1px solid #db1936;
}
.btn.btn-ghost-secondary {
  color: #4a4a4a;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ffffff;
  border: 1px solid #4a4a4a;
  border-radius: 3px;
  width: 180px;
  text-align: center;
}

.btn.btn-disabled {
  background: #cccccc;
  cursor: not-allowed;
  color: #fff;
  font-weight: 600;
  border-radius: 3px;
  text-align: center;
}
.btn.btn-key-pair {
  padding: 10px 0;
  height: 35px;
  width: 180px;
}
.btn.btn-popup {
  padding: 0;
  line-height: 1;
  color: #6e6e6e;
  background-color: transparent;
}
.btn.btn-close {
  padding: 0;
  background-color: transparent;
}
.btn.btn-icon {
  padding: 5px 0;
  background-color: transparent;
}
.btn.btn-icon img {
  margin: 0 0 -5px 0;
  height: 100%;
  max-height: 20px;
}
.btn.btn-font-icon {
  padding: 0;
  font-size: 1.25em;
  background-color: transparent;
}
.btn.btn-warning {
  background-color: #ffa81c;
}
.btn.btn-success {
  background-color: #10c66b;
}
.object-storage-table tbody tr td .btn + .btn {
  margin-left: 6px;
}
.btn + .btn {
  margin-left: 14px;
}
.btn + .btn.update-subs,
.btn + input#update_subscription {
  margin-left: 10px;
}

.add-icon {
  margin: 4px 0 3px;
  display: inline-block;
  font-size: 0.8em;
}
.add-icon img {
  max-height: 20px;
  margin: 0 10px 3px 0;
  vertical-align: middle;
}
.modal {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
.modal .modal-wrapper {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 500px;
  padding: 30px;
  background-color: #ffffff;
}
.modal .modal-wrapper.modal-large {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 75%;
  padding: 30px;
  background-color: #ffffff;
}

.modal .modal-wrapper.modal-auto {
  width: auto;
}

.modal .modal-wrapper.modal-large .form-wrapper.full-form {
  max-height: 500px;
  overflow-y: auto;
}
.form-wrapper.full-form p {
  font-size: 12px;
}
.form-wrapper.full-form p.overview-title {
  font-size: 14px;
}
.modal .modal-wrapper .modal-close {
  position: absolute;
  z-index: 4;
  top: 10px;
  right: 20px;
  cursor: pointer;
}
.modal .modal-wrapper .modal-close img {
  max-width: 12px;
}
.modal .modal-wrapper .modal-body .modal-content img {
  max-width: 100%;
  border: 1px solid #a7a7a7;
}
.modal .modal-wrapper .modal-body .modal-content .multiple-upload-wrapper img {
  border: none;
}
.modal .modal-wrapper.small {
  width: 500px;
}
.modal .modal-wrapper.large {
  width: 720px;
}
.modal .modal-wrapper.xx-large {
  width: 900px;
}

.modal .modal-wrapper.custom .modal-header .modal-title,
.modal .modal-wrapper.modal-large .modal-header .modal-title {
  font-family: "Whitney-Semibold", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #4a4a4a;
  margin-bottom: 18px;
}
.modal .modal-wrapper.latest-custom .modal-header {
  width: calc(100% - 50px);
  padding: 5px 0;
  position: absolute;
  top: 20px;
  left: 45px;
}
.modal .modal-wrapper.latest-custom .modal-header .modal-title {
  font-size: 1.17em;
  color: #535353;
}
.modal .modal-wrapper.latest-custom .modal-close {
  right: 45px;
}
.modal .modal-wrapper.new-custom {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 86px 25px 100px;
}
.modal .modal-wrapper.new-custom .modal-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 25px;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px solid #dedede;
}
.modal .modal-wrapper.new-custom .modal-header .modal-title {
  font-size: 1.17em;
  color: #535353;
}
.modal .modal-wrapper.new-custom .modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
}
.modal .modal-wrapper.new-custom .modal-body .modal-content {
  width: 100%;
}
.modal .modal-wrapper.new-custom .modal-footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #dedede;
}
.modal.modal-delete-spaces .modal-wrapper {
  padding: 61px 132px 95px 132px;
}
.modal.modal-billing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.modal.modal-billing .modal-wrapper {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  margin: 30px auto;
  position: relative;
  top: 0;
  left: 0;
  width: 440px;
  padding: 0;
  overflow: hidden;
  background-color: #efefef;
}
.modal.modal-billing .modal-wrapper .modal-main-title,
.modal.modal-billing .modal-wrapper .modal-title {
  color: #535353;
}
.modal.modal-billing .modal-wrapper .modal-main-title {
  margin: 5px 0 0 20px;
  font-size: 2.17em;
}
.modal.modal-billing .modal-wrapper .modal-title {
  margin: 10px 0 0 0;
  font-size: 0.8em;
}
.modal.modal-billing .modal-wrapper .modal-header {
  -webkit-box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.3);
  -moz-box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.3);
  box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.3);
  padding: 15px 20px;
  background-color: #ffffff;
}
.modal.modal-billing .modal-wrapper .modal-header .modal-close {
  width: 16px;
  height: 16px;
  position: initial;
  padding: 5px 10px;
  border-right: 1px solid #c6c6c6;
}
.modal.modal-billing .modal-wrapper .modal-header .modal-close img {
  max-width: 100%;
}
.modal.modal-billing .modal-wrapper .modal-header .modal-header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
}
.modal.modal-billing .modal-wrapper .modal-header .modal-header-wrapper.right {
  justify-content: flex-end;
}
.modal.modal-billing .modal-wrapper .modal-body {
  padding: 10px;
}
.modal.modal-billing .modal-wrapper .modal-body .modal-content {
  height: 460px;
}
.modal.modal-billing .modal-wrapper .modal-body .modal-content .modal-panel {
  -webkit-box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.3);
  -moz-box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.3);
  box-shadow: 0 2px 2px 0 rgba(100, 100, 100, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  background-color: #ffffff;
}
.modal.modal-billing
  .modal-wrapper
  .modal-body
  .modal-content
  .modal-panel
  + .modal-panel {
  margin-top: 10px;
}
.modal.modal-billing
  .modal-wrapper
  .modal-body
  .modal-content
  .modal-panel
  .modal-label,
.modal.modal-billing
  .modal-wrapper
  .modal-body
  .modal-content
  .modal-panel
  .modal-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
  color: #535353;
}
.modal.modal-billing
  .modal-wrapper
  .modal-body
  .modal-content
  .modal-panel
  .modal-value {
  font-size: 2em;
}
.modal.modal-billing
  .modal-wrapper
  .modal-body
  .modal-content
  .modal-panel
  .modal-value.right {
  justify-content: flex-end;
}
.modal.modal-billing
  .modal-wrapper
  .modal-body
  .modal-content
  .modal-panel.account {
  padding: 0;
}
.modal.modal-billing .modal-wrapper .modal-footer {
  background-color: #0e2c43;
}
.modal.modal-billing .modal-wrapper .modal-footer a {
  display: block;
  padding: 20px;
  text-transform: uppercase;
  color: #ffffff;
}
.modal.modal-billing .modal-wrapper .modal-footer img {
  max-height: 16px;
}

.account-table,
.space-table,
.catalog-table,
.domain-table-form,
.domain-table,
.domain-price-table,
.billing-table,
.topup-table,
.activity-log-table,
.config-volume-table,
.config-snapshot-table,
.config-network-table,
.config-security-table,
.public-ip-table,
.network-security-table,
.network-router-table,
.network-subnet-table,
.network-attached-table,
.domain-detail-table,
.object-storage-table {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  color: #4a4a4a;
}
.account-table tbody,
.space-table tbody,
.catalog-table tbody,
.domain-table-form tbody,
.domain-table tbody,
.domain-price-table tbody,
.billing-table tbody,
.topup-table tbody,
.activity-log-table tbody,
.config-volume-table tbody,
.config-snapshot-table tbody,
.config-network-table tbody,
.config-security-table tbody,
.public-ip-table tbody,
.network-security-table tbody,
.network-router-table tbody,
.network-subnet-table tbody,
.network-attached-table tbody,
.domain-detail-table tbody,
.object-storage-table tbody {
  font-weight: 400;
}
.account-table thead tr th,
.space-table thead tr th,
.catalog-table thead tr th,
.domain-table-form thead tr th,
.domain-table thead tr th,
.domain-price-table thead tr th,
.billing-table thead tr th,
.topup-table thead tr th,
.activity-log-table thead tr th,
.config-volume-table thead tr th,
.config-snapshot-table thead tr th,
.config-network-table thead tr th,
.config-security-table thead tr th,
.public-ip-table thead tr th,
.network-security-table thead tr th,
.network-router-table thead tr th,
.network-subnet-table thead tr th,
.network-attached-table thead tr th,
.domain-detail-table thead tr th,
.object-storage-table thead tr th {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 58px;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #a7a7a7;
}
.account-table tbody tr td,
.space-table tbody tr td,
.catalog-table tbody tr td,
.domain-table-form tbody tr td,
.domain-table tbody tr td,
.domain-price-table tbody tr td,
.billing-table tbody tr td,
.topup-table tbody tr td,
.activity-log-table tbody tr td,
.config-volume-table tbody tr td,
.config-snapshot-table tbody tr td,
.config-network-table tbody tr td,
.config-security-table tbody tr td,
.public-ip-table tbody tr td,
.network-security-table tbody tr td,
.network-router-table tbody tr td,
.network-subnet-table tbody tr td,
.network-attached-table tbody tr td,
.domain-detail-table tbody tr td,
.object-storage-table tbody tr td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 58px;
  vertical-align: middle;
}

.activity-log-table tbody tr td {
  padding: 0 !important;
}
.stripped.account-table tbody tr:nth-child(even),
.stripped.space-table tbody tr:nth-child(even),
.stripped.catalog-table tbody tr:nth-child(even),
.stripped.domain-table-form tbody tr:nth-child(even),
.stripped.domain-table tbody tr:nth-child(even),
.stripped.domain-price-table tbody tr:nth-child(even),
.stripped.billing-table tbody tr:nth-child(even),
.stripped.topup-table tbody tr:nth-child(even),
.stripped.activity-log-table tbody tr:nth-child(even),
.stripped.config-volume-table tbody tr:nth-child(even),
.stripped.config-snapshot-table tbody tr:nth-child(even),
.stripped.config-network-table tbody tr:nth-child(even),
.stripped.config-security-table tbody tr:nth-child(even),
.stripped.public-ip-table tbody tr:nth-child(even),
.stripped.network-security-table tbody tr:nth-child(even),
.stripped.network-router-table tbody tr:nth-child(even),
.stripped.network-subnet-table tbody tr:nth-child(even),
.stripped.network-attached-table tbody tr:nth-child(even),
.stripped.domain-detail-table tbody tr:nth-child(even),
.stripped.object-storage-table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}
.account-table label,
.space-table label,
.catalog-table label,
.domain-table-form label,
.domain-table label,
.domain-price-table label,
.billing-table label,
.topup-table label,
.activity-log-table label,
.config-volume-table label,
.config-snapshot-table label,
.config-network-table label,
.config-security-table label,
.public-ip-table label,
.network-security-table label,
.network-router-table label,
.network-subnet-table label,
.network-attached-table label,
.domain-detail-table label,
.object-storage-table label {
  font-size: 1em;
}
.account-table .form-control,
.space-table .form-control,
.catalog-table .form-control,
.domain-table-form .form-control,
.domain-table .form-control,
.domain-price-table .form-control,
.billing-table .form-control,
.topup-table .form-control,
.activity-log-table .form-control,
.config-volume-table .form-control,
.config-snapshot-table .form-control,
.config-network-table .form-control,
.config-security-table .form-control,
.public-ip-table .form-control,
.network-security-table .form-control,
.network-router-table .form-control,
.network-subnet-table .form-control,
.network-attached-table .form-control,
.domain-detail-table .form-control,
.object-storage-table .form-control {
  font-size: 1em;
}
.account-table .btn,
.space-table .btn,
.catalog-table .btn,
.domain-table-form .btn,
.domain-table .btn,
.domain-price-table .btn,
.billing-table .btn,
.topup-table .btn,
.activity-log-table .btn,
.config-volume-table .btn,
.config-snapshot-table .btn,
.config-network-table .btn,
.config-security-table .btn,
.public-ip-table .btn,
.network-security-table .btn,
.network-router-table .btn,
.network-subnet-table .btn,
.network-attached-table .btn,
.domain-detail-table .btn,
.object-storage-table .btn {
  font-size: 1em;
}

.account-table,
.space-table,
.catalog-table,
.domain-table-form,
.domain-table,
.domain-price-table,
.billing-table,
.topup-table,
.activity-log-table,
.config-volume-table,
.config-snapshot-table,
.config-network-table,
.config-security-table,
.public-ip-table,
.network-security-table,
.network-router-table,
.network-subnet-table,
.network-attached-table,
.domain-detail-table,
.object-storage-table {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  color: #4a4a4a;
}
.account-table tbody,
.space-table tbody,
.catalog-table tbody,
.domain-table-form tbody,
.domain-table tbody,
.domain-price-table tbody,
.billing-table tbody,
.topup-table tbody,
.activity-log-table tbody,
.config-volume-table tbody,
.config-snapshot-table tbody,
.config-network-table tbody,
.config-security-table tbody,
.public-ip-table tbody,
.network-security-table tbody,
.network-router-table tbody,
.network-subnet-table tbody,
.network-attached-table tbody,
.domain-detail-table tbody,
.object-storage-table tbody {
  font-weight: 400;
}
.account-table thead tr th,
.space-table thead tr th,
.catalog-table thead tr th,
.domain-table-form thead tr th,
.domain-table thead tr th,
.domain-price-table thead tr th,
.billing-table thead tr th,
.topup-table thead tr th,
.activity-log-table thead tr th,
.config-volume-table thead tr th,
.config-snapshot-table thead tr th,
.config-network-table thead tr th,
.config-security-table thead tr th,
.public-ip-table thead tr th,
.network-security-table thead tr th,
.network-router-table thead tr th,
.network-subnet-table thead tr th,
.network-attached-table thead tr th,
.domain-detail-table thead tr th,
.object-storage-table thead tr th {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 58px;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #a7a7a7;
}
.network-subnet-table thead tr th {
  height: 30px;
}
.account-table tbody tr td,
.space-table tbody tr td,
.catalog-table tbody tr td,
.domain-table-form tbody tr td,
.domain-table tbody tr td,
.domain-price-table tbody tr td,
.billing-table tbody tr td,
.topup-table tbody tr td,
.activity-log-table tbody tr td,
.config-volume-table tbody tr td,
.config-snapshot-table tbody tr td,
.config-network-table tbody tr td,
.config-security-table tbody tr td,
.public-ip-table tbody tr td,
.network-security-table tbody tr td,
.network-router-table tbody tr td,
.network-subnet-table tbody tr td,
.network-attached-table tbody tr td,
.domain-detail-table tbody tr td,
.object-storage-table tbody tr td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 58px;
  vertical-align: middle;
}
.stripped.account-table tbody tr:nth-child(even),
.stripped.space-table tbody tr:nth-child(even),
.stripped.catalog-table tbody tr:nth-child(even),
.stripped.domain-table-form tbody tr:nth-child(even),
.stripped.domain-table tbody tr:nth-child(even),
.stripped.domain-price-table tbody tr:nth-child(even),
.stripped.billing-table tbody tr:nth-child(even),
.stripped.topup-table tbody tr:nth-child(even),
.stripped.activity-log-table tbody tr:nth-child(even),
.stripped.config-volume-table tbody tr:nth-child(even),
.stripped.config-snapshot-table tbody tr:nth-child(even),
.stripped.config-network-table tbody tr:nth-child(even),
.stripped.config-security-table tbody tr:nth-child(even),
.stripped.public-ip-table tbody tr:nth-child(even),
.stripped.network-security-table tbody tr:nth-child(even),
.stripped.network-router-table tbody tr:nth-child(even),
.stripped.network-subnet-table tbody tr:nth-child(even),
.stripped.network-attached-table tbody tr:nth-child(even),
.stripped.domain-detail-table tbody tr:nth-child(even),
.stripped.object-storage-table tbody tr:nth-child(even) {
  background-color: #f0f0f0;
}
.account-table label,
.space-table label,
.catalog-table label,
.domain-table-form label,
.domain-table label,
.domain-price-table label,
.billing-table label,
.topup-table label,
.activity-log-table label,
.config-volume-table label,
.config-snapshot-table label,
.config-network-table label,
.config-security-table label,
.public-ip-table label,
.network-security-table label,
.network-router-table label,
.network-subnet-table label,
.network-attached-table label,
.domain-detail-table label,
.object-storage-table label {
  font-size: 1em;
}
.account-table .form-control,
.space-table .form-control,
.catalog-table .form-control,
.domain-table-form .form-control,
.domain-table .form-control,
.domain-price-table .form-control,
.billing-table .form-control,
.topup-table .form-control,
.activity-log-table .form-control,
.config-volume-table .form-control,
.config-snapshot-table .form-control,
.config-network-table .form-control,
.config-security-table .form-control,
.public-ip-table .form-control,
.network-security-table .form-control,
.network-router-table .form-control,
.network-subnet-table .form-control,
.network-attached-table .form-control,
.domain-detail-table .form-control,
.object-storage-table .form-control {
  font-size: 1em;
}
.account-table .btn,
.space-table .btn,
.catalog-table .btn,
.domain-table-form .btn,
.domain-table .btn,
.domain-price-table .btn,
.billing-table .btn,
.topup-table .btn,
.activity-log-table .btn,
.config-volume-table .btn,
.config-snapshot-table .btn,
.config-network-table .btn,
.config-security-table .btn,
.public-ip-table .btn,
.network-security-table .btn,
.network-router-table .btn,
.network-subnet-table .btn,
.network-attached-table .btn,
.domain-detail-table .btn,
.object-storage-table .btn {
  font-size: 1em;
}

.default-table {
  width: 100%;
  font-size: 0.8em;
  line-height: 1.5;
  color: #8d8d8d;
}
.default-table tbody tr td {
  height: 30px;
}
.default-table.order-summary tbody tr td {
  padding: 10px 0;
}
.account-table tbody tr td,
.activity-log-table tbody tr td,
.topup-table tbody tr td,
.billing-table tbody tr td {
  width: 128px;
  padding: 12px 21px 12px 0px;
  border-bottom: 0.5px solid #cccccc;
}
.config-volume-table.data,
.config-snapshot-table.data,
.config-network-table.data,
.config-security-table.data {
  width: 100%;
}
.config-volume-table.data,
.config-snapshot-table.data,
.config-network-table.data,
.config-security-table.data {
  border: 0.5px solid #9b9b9b;
  text-align: center !important;
}

.vm-detail-table thead tr th,
.config-network-table.data thead tr th,
.config-volume-table.data thead tr th,
.config-snapshot-table.data thead tr th,
.config-security-table.data thead tr th,
.config-volume-table.data tbody tr td,
.config-snapshot-table.data tbody tr td,
.config-network-table.data tbody tr td,
.config-security-table.data tbody tr td {
  text-align: left;
}
thead tr th.no-data {
  text-align: center !important;
  font-weight: 400;
}
.account-table tbody tr td:nth-child(2) {
  width: 170px;
}
.account-table tbody tr td:nth-child(5) {
  width: 106px;
}
.account-table tbody tr td:last-child {
  width: 86px;
}
.account-table.security tbody tr:last-child td {
  border-bottom: none;
}
.account-table.data,
.account-table.space-table.data-delete {
  margin: 12px 0 0 0;
}
.account-table .form-control {
  width: auto;
}
.notification-table tbody tr td {
  padding: 0 0 18px 0;
}
.notification-table tbody tr td:first-child {
  width: 48px;
}
.space-table tbody tr td {
  width: 170px;
  padding: 12px 21px 12px 9px;
}
.space-table tbody tr td:last-child {
  width: 86px;
}
.space-table.data,
.space-table.data-delete {
  margin: 12px 0 0 0;
}
.space-table.data-delete tbody tr td {
  width: 240px;
}
.space-table.data-delete tbody tr td:nth-child(2) {
  width: 180px;
}
.space-table.data-delete tbody tr td:nth-child(3) {
  width: 180px;
}
.space-table.data-delete tbody tr td:nth-child(4) {
  width: 150px;
}
.space-table.data-delete tbody tr td:nth-child(5) {
  width: 120px;
  padding: 12px 0 12px 9px;
}
.space-table.data-delete tbody tr:last-child td {
  border-bottom: 0;
}
.catalog-table tbody tr td {
  width: 214px;
}
.catalog-table tbody tr td:last-child {
  width: 140px;
}
.domain-table-form.data,
.domain-table-form.space-table.data-delete {
  width: 100%;
}
.domain-table-form.data tbody tr td,
.domain-table-form.space-table.data-delete tbody tr td {
  padding: 0;
}
.domain-table-form.data tbody tr td:last-child,
.domain-table-form.space-table.data-delete tbody tr td:last-child {
  padding: 0 0 0 20px;
}
.domain-table.data,
.domain-table.space-table.data-delete {
  margin-top: 0;
  width: 100%;
}
.domain-table.data tbody tr td,
.domain-table.space-table.data-delete tbody tr td {
  padding: 0;
}
.domain-table.data tbody tr td + td,
.domain-table.space-table.data-delete tbody tr td + td {
  padding: 0 0 0 20px;
}
.domain-table.data tbody tr + tr td:last-child,
.domain-table.space-table.data-delete tbody tr + tr td:last-child {
  border-top: 0;
}
.domain-price-table {
  width: 100%;
}
.domain-price-table.data thead tr th,
.domain-price-table.space-table.data-delete thead tr th {
  padding: 0 5px;
}
.domain-price-table.data thead tr th:first-child,
.domain-price-table.space-table.data-delete thead tr th:first-child {
  padding: 0 5px 0 0;
}
.domain-price-table.data thead tr th:nth-child(4),
.domain-price-table.space-table.data-delete thead tr th:nth-child(4) {
  padding: 0 0 0 5px;
}
.domain-price-table.data thead tr th:last-child,
.domain-price-table.space-table.data-delete thead tr th:last-child {
  border-bottom: 0;
}
.domain-price-table.data tbody tr td,
.domain-price-table.space-table.data-delete tbody tr td {
  padding: 0 5px;
}
.domain-price-table.data tbody tr td:first-child,
.domain-price-table.space-table.data-delete tbody tr td:first-child {
  padding: 0 5px 0 0;
}
.domain-price-table.data tbody tr td:nth-child(4),
.domain-price-table.space-table.data-delete tbody tr td:nth-child(4) {
  padding: 0 0 0 5px;
  text-align: center;
}
.domain-price-table.data tbody tr + tr td:last-child,
.domain-price-table.space-table.data-delete tbody tr + tr td:last-child {
  border-top: 0;
}
.billing-table.data,
.billing-table.space-table.data-delete {
  width: 100%;
}
.billing-table.data tbody tr td,
.billing-table.space-table.data-delete tbody tr td {
  padding: 0;
}
.billing-table.data tbody tr td + td,
.billing-table.space-table.data-delete tbody tr td + td {
  padding: 0 0 0 10px;
}
.billing-table.data tbody tr + tr td:last-child,
.billing-table.space-table.data-delete tbody tr + tr td:last-child {
  border-top: 0;
}
.topup-table.data tbody tr td,
.topup-table.space-table.data-delete tbody tr td {
  width: 120px;
  vertical-align: top;
}
.topup-table.data tbody tr td:nth-child(2),
.topup-table.space-table.data-delete tbody tr td:nth-child(2) {
  width: 200px;
}
.topup-table.data tbody tr td:last-child,
.topup-table.space-table.data-delete tbody tr td:last-child {
  width: 120px;
}
.activity-log-table.data tbody tr td,
.activity-log-table.space-table.data-delete tbody tr td {
  width: 180px;
}
.config-volume-table.data tbody tr td,
.config-volume-table.space-table.data-delete tbody tr td {
  width: 180px;
}
.config-volume-table.data tbody tr td:nth-child(3),
.config-volume-table.space-table.data-delete tbody tr td:nth-child(3) {
  width: 120px;
}
.config-volume-table.data tbody tr td:last-child,
.config-volume-table.space-table.data-delete tbody tr td:last-child {
  width: 60px;
}
.config-snapshot-table.data tbody tr td,
.config-snapshot-table.space-table.data-delete tbody tr td {
  width: 160px;
}
.config-snapshot-table.data tbody tr td:nth-child(3),
.config-snapshot-table.space-table.data-delete tbody tr td:nth-child(3) {
  width: 100px;
}
.config-snapshot-table.data tbody tr td:nth-child(4),
.config-snapshot-table.space-table.data-delete tbody tr td:nth-child(4) {
  width: 130px;
}
.config-snapshot-table.data tbody tr td:nth-child(5),
.config-snapshot-table.space-table.data-delete tbody tr td:nth-child(5) {
  width: 120px;
}
.config-snapshot-table.data tbody tr td:last-child,
.config-snapshot-table.space-table.data-delete tbody tr td:last-child {
  width: 60px;
}
.config-network-table.data tbody tr td,
.config-network-table.space-table.data-delete tbody tr td {
  width: 160px;
}
.config-network-table.data tbody tr td:last-child,
.config-network-table.space-table.data-delete tbody tr td:last-child {
  width: 60px;
}
.config-security-table.data tbody tr td,
.config-security-table.space-table.data-delete tbody tr td {
  width: 120px;
}
.public-ip-table.data tbody tr td,
.public-ip-table.space-table.data-delete tbody tr td {
  width: 160px;
}
.public-ip-table.data tbody tr td:nth-child(3),
.public-ip-table.space-table.data-delete tbody tr td:nth-child(3) {
  width: 100px;
}
.public-ip-table.data tbody tr td:last-child,
.public-ip-table.space-table.data-delete tbody tr td:last-child {
  width: 130px;
}
.network-security-table.data tbody tr td,
.network-security-table.space-table.data-delete tbody tr td {
  width: 140px;
}
.network-security-table.data tbody tr td:nth-child(4),
.network-security-table.space-table.data-delete tbody tr td:nth-child(4) {
  width: 100px;
}
.network-security-table.data tbody tr td:last-child,
.network-security-table.space-table.data-delete tbody tr td:last-child {
  width: 60px;
}
.network-router-table.data tbody tr td,
.network-router-table.space-table.data-delete tbody tr td {
  width: 140px;
}

#importKeyPair .modal-body {
  height: 400px;
  overflow-y: scroll;
}

.config-volume-table.data tbody td,
.config-snapshot-table.data tbody td,
.config-network-table.data tbody td,
.config-security-table.data tbody td {
  word-break: break-all;
}

/*.config-volume-table.data,
.config-snapshot-table.data,
.config-network-table.data,
.config-security-table.data
.network-router-table.data tbody tr td:last-child,
.network-router-table.space-table.data-delete tbody tr td:last-child {
    width: 60px;
}*/

.network-subnet-table.data tbody tr td,
.network-subnet-table.space-table.data-delete tbody tr td {
  width: 130px;
}
.network-subnet-table.data tbody tr td:nth-child(3),
.network-subnet-table.space-table.data-delete tbody tr td:nth-child(3) {
  width: 100px;
}
.network-subnet-table.data tbody tr td:last-child,
.network-subnet-table.space-table.data-delete tbody tr td:last-child {
  width: 90px;
}
.network-attached-table.data tbody tr td,
.network-attached-table.space-table.data-delete tbody tr td {
  width: 160px;
}
.network-attached-table.data tbody tr td:last-child,
.network-attached-table.space-table.data-delete tbody tr td:last-child {
  width: 100px;
}
.domain-detail-table.data,
.domain-detail-table.space-table.data-delete {
  width: 100%;
}

.domain-detail-table.data tbody td {
  word-break: break-all;
}
.domain-detail-table.data thead tr th,
.domain-detail-table.space-table.data-delete thead tr th {
  padding: 14px 0;
  font-weight: normal;
}
.domain-detail-table.data thead tr th.no-border,
.domain-detail-table.space-table.data-delete thead tr th.no-border {
  border-bottom: 0;
}
.domain-detail-table.data tbody tr td,
.domain-detail-table.space-table.data-delete tbody tr td {
  padding: 14px 0;
  border-top: 0;
  border-bottom: 1px solid #a7a7a7;
}
.domain-detail-table.data tbody tr td.operations,
.domain-detail-table.space-table.data-delete tbody tr td.operations {
  padding-top: 14px;
  padding-bottom: 14px;
  min-width: 76px;
}
.domain-detail-table.data tbody tr td.no-border,
.domain-detail-table.space-table.data-delete tbody tr td.no-border {
  border-bottom: 0;
}
.object-storage-table.data,
.object-storage-table.space-table.data-delete {
  width: 100%;
}
.object-storage-table.data tbody tr.hidden {
  display: none;
}
.object-storage-table.data,
.object-storage-collapse-wrapper {
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.object-storage-table.data thead tr th,
.object-storage-table.space-table.data-delete thead tr th,
.object-storage-table.data tbody tr td {
  height: 56px;
  font-weight: normal;
}
.object-storage-table.data thead tr th:last-child,
.object-storage-table.space-table.data-delete thead tr th:last-child {
  padding-right: 0;
}
.object-storage-table.data thead tr th.no-border,
.object-storage-table.space-table.data-delete thead tr th.no-border {
  border-bottom: 0;
}
.object-storage-access-key.data,
.object-storage-table.data {
  border-top: 1px solid #a7a7a7;
  border-left: 1px solid #a7a7a7;
  border-right: 1px solid #a7a7a7;
  border-bottom: none;
  margin: 10px 0;
  font-size: 12px;
  text-align: left;
  width: 100%;
}
.object-storage-access-key.data thead tr th,
.object-storage-access-key.data tbody tr td,
.object-storage-table.data thead tr th,
.object-storage-table.data tbody tr td {
  padding: 10px 20px;
  border-bottom: 1px solid #a7a7a7;
}
.object-storage-table.data tbody tr td,
.object-storage-table.space-table.data-delete tbody tr td {
  height: 56px;
  border-top: 0;
  border-bottom: 1px solid #a7a7a7;
}
.object-storage-table.data tbody tr td.operations,
.object-storage-table.space-table.data-delete tbody tr td.operations {
  padding-top: 14px;
  padding-bottom: 14px;
}
.object-storage-table.data tbody tr td:last-child,
.object-storage-table.space-table.data-delete tbody tr td:last-child {
  padding: 0;
}
.object-storage-table.data tbody tr td.no-border,
.object-storage-table.space-table.data-delete tbody tr td.no-border {
  border-bottom: 0;
}
.object-storage-table .btn {
  font-size: 12px;
}
/* VM DETAIL TABLE STYLING */

table.vm-detail-table {
  border: 0.5px solid #9b9b9b;
  width: 100%;
  font-weight: normal;
  font-size: 12px;
}
table.vm-detail-table > thead {
  border-bottom: 0.5px solid #9b9b9b;
}
table.vm-detail-table > tbody {
  word-break: break-all;
}
table.vm-detail-table thead tr th,
table.vm-detail-table tbody tr td,
table.config-volume-table thead tr th,
table.config-volume-table tbody tr td,
table.config-snapshot-table thead tr th,
table.config-snapshot-table tbody tr td,
table.config-network-table thead tr th,
table.config-network-table tbody tr td,
table.config-security-table thead tr th,
table.config-security-table tbody tr td {
  padding: 10px 20px !important;
  border-spacing: 0;
}
table.vm-detail-table thead tr th,
table.vm-detail-table tbody tr td {
  border-bottom: 0.5px solid #9b9b9b;
}

table.vm-detail-table tbody tr:last-child td {
  border: none;
}
table.vm-detail-table tbody tr td {
  vertical-align: top;
  width: 17%;
}
.vm-detail.storage-data {
  margin: 15px 0;
}

.domain-detail {
  margin: 5px 0;
}
@media screen and (max-width: 1200px) {
  .domain-table.data tbody tr td:last-child,
  .domain-table.space-table.data-delete tbody tr td:last-child {
    display: none;
  }
  .domain-price-table.data thead tr th:last-child,
  .domain-price-table.space-table.data-delete thead tr th:last-child {
    border-bottom: 1px solid #a7a7a7;
  }
  .domain-price-table.data tbody tr + tr td:last-child,
  .domain-price-table.space-table.data-delete tbody tr + tr td:last-child {
    border-top: 1px solid #a7a7a7;
  }
  .domain-detail-table.data thead tr th.no-border,
  .domain-detail-table.space-table.data-delete thead tr th.no-border {
    display: none;
  }
  .domain-detail-table.data tbody tr td.no-border,
  .domain-detail-table.space-table.data-delete tbody tr td.no-border {
    display: none;
  }
}
.accordion.tutorial .accordion-list .accordion-header {
  padding: 18px 30px;
  position: relative;
}
.accordion.tutorial .accordion-list .accordion-header::after {
  content: "";
  position: absolute;
  width: 82%;
  height: 1px;
  background-color: #9b9b9b;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.accordion.tutorial .accordion-list .accordion-header:hover::after {
  background-color: #db1936;
}
.accordion.tutorial .accordion-list .accordion-header.expand {
  position: relative;
}
.accordion.tutorial .accordion-list .accordion-header.expand::after {
  background-color: transparent;
}
.accordion.tutorial .accordion-list .accordion-header span {
  display: block;
  position: relative;
  font-size: 14px;
  color: #373d4c;
}
.accordion.tutorial .accordion-list .accordion-header span:after {
  width: 10px;
  height: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url("../icons/accordion-down.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.accordion.tutorial .accordion-list .accordion-header:hover {
  cursor: pointer;
}
.accordion.tutorial .accordion-list .accordion-header.expand span:after {
  background-image: url("../icons/accordion-up.png");
}
.accordion .accordion-list .accordion-header.expand a > span:after {
  display: none;
}
.accordion.network .accordion-list .accordion-header {
  padding: 18px 30px;
  position: relative;
}
.accordion.network .accordion-list .accordion-header::after {
  content: "";
  position: absolute;
  width: 83%;
  height: 1px;
  background-color: #9b9b9b;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.accordion.network .accordion-list .accordion-header.expand::after {
  height: 3px;
  background-color: #9b9b9b;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.accordion.network .accordion-list .accordion-header:hover::after {
  background-color: #db1936;
}
.accordion.network .accordion-list .accordion-header.expand {
  position: relative;
}
.accordion.network .accordion-list .accordion-header.expand::after {
  background-color: transparent;
}
.accordion.network .accordion-list .accordion-header.no-child::after {
  background-color: #9b9b9b;
}
.accordion.network .accordion-list .accordion-header.no-child.expand::after {
  background-color: #db1936;
}
.accordion.network .accordion-list .accordion-header span {
  display: block;
  position: relative;
  font-size: 14px;
  color: #373d4c;
  cursor: pointer;
}
.accordion.network .accordion-list .accordion-header span:after {
  width: 10px;
  height: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url("../icons/accordion-down.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.accordion.network .accordion-list .accordion-header.no-child span:after {
  width: 10px;
  height: 6px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.accordion.network .accordion-list .accordion-header.no-child:hover::after {
  background-color: #db1936;
}
.accordion.tutorial .accordion-list .accordion-header:hover {
  cursor: pointer;
}
.accordion.tutorial .accordion-list .accordion-header.expand span:after {
  background-image: url("../icons/accordion-up.png");
}
.accordion .accordion-list .accordion-header.expand a > span:after {
  display: none;
}
.accordion.tutorial .accordion-list .accordion-body {
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
  display: none;
  padding: 0 0 13px 30px;
  margin-top: -9px;
}
.accordion.tutorial .accordion-list .accordion-body ul li span {
  display: block;
  padding: 8px 22px;
  font-size: 13px;
  color: #373d4c;
}
.accordion.tutorial
  .accordion-list
  .accordion-body
  ul
  li
  span.accordion-menu.expand {
  font-weight: 600;
}
.accordion.tutorial .accordion-list .accordion-body ul li span:hover {
  cursor: pointer;
  font-weight: 600;
}
.accordion.tutorial .accordion-list .accordion-body ul li:first-child span {
  border-top: 0;
}
.accordion.tutorial .accordion-list .accordion-body.expand {
  display: block;
  position: relative;
}
.accordion.tutorial .accordion-list .accordion-body.expand::after {
  content: "";
  position: absolute;
  bottom: -15px;
  margin-bottom: 15px;
  background-color: #db1936;
  height: 3px;
  width: 83%;
}
.accordion.network .accordion-list .accordion-body,
.accordion.object-storage-accordion .accordion-list .accordion-body {
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
  display: none;
  padding: 0 22px;
}
.accordion.network .accordion-list .accordion-body ul li span {
  display: block;
  padding: 0 22px 0 0;
  font-size: 14px;
  color: #535353;
}
.accordion.network .accordion-list .accordion-body ul li span.expand {
  font-weight: 600;
}
.accordion.network .accordion-list .accordion-body ul li span:hover {
  font-weight: 600;
  cursor: pointer;
}
.accordion.network .accordion-list .accordion-body ul li span:hover.expand {
  cursor: pointer;
}
.accordion.network .accordion-list .accordion-body ul li span {
  padding-bottom: 13px;
}
.accordion.network .accordion-list .accordion-body ul {
  max-height: 250px;
  margin-bottom: 35px;
  overflow-y: auto;
}
.accordion.network .accordion-list .accordion-body.expand {
  display: block;
  margin: 0 30px;
  border-bottom: 3px solid #db1936;
  position: relative;
}
.accordion.object-storage-accordion .accordion-list .accordion-body.expand {
  display: block;
  margin: 0 30px;
}
.accordion.object-storage-accordion .accordion-list {
  display: inline-block;
}
.accordion.network .accordion-list .accordion-body.expand a.add {
  position: absolute;
  bottom: 0;
  margin-bottom: 15px;
}
.accordion-header {
  cursor: pointer;
}
.accordion-body #promo-code,
.body-plesk div[id*="plesk-spec"] {
  display: none;
}
.accordion-body #promo-code.expand {
  display: block;
}
.object-storage-tabs ul {
  list-style: none;
  border: 0.5px solid #9b9b9b;
  padding: 0;
}
.object-storage-collapse-wrapper .divider.menu {
  position: relative;
}
.object-storage-tabs ul > li {
  display: inline-block;
  padding: 18px 20px;
}
.accordion.security-accordion .accordion-list .accordion-body {
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
  display: none;
  padding: 0 22px;
}
.accordion.security-accordion {
  width: 100%;
  display: block;
  border: 0.5px solid #4a4a4a;
}
.accordion.security-accordion .accordion-header {
  font-size: 14px;
  font-weight: 600;
}
.accordion.security-accordion .accordion-list .accordion-header {
  padding: 12px 21px;
  border-top: 0;
  border-bottom: 1px solid #a7a7a7;
  position: relative;
}
.accordion.security-accordion .accordion-list .accordion-header span:after {
  width: 10px;
  height: 10px;
  background-image: url("../icons/arrow-icon.png");
  background-size: auto 6px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.accordion.security-accordion
  .accordion-list
  .accordion-header.expand
  span:after {
  background-size: 6px auto;
  background-image: url("../icons/arrow-icon-up.png");
  position: absolute;
  top: 10px;
  right: 10px;
}
.accordion.security-accordion .accordion-body {
  border-top: 0;
  padding: 14px 20px;
}
.accordion.security-accordion .accordion-body.expand {
  display: block;
}
.security-list + .security-list {
  margin-top: 30px;
}
.accordion.object-storage-accordion {
  width: 100%;
  display: inline-block;
  border: 0.5px solid #9b9b9b;
}
.accordion.object-storage-accordion .accordion-list .accordion-header {
  padding: 14px 0;
  border-top: 0;
  border-bottom: 1px solid #a7a7a7;
}
.accordion.object-storage-accordion
  .accordion-list
  .accordion-header
  span:after {
  width: 10px;
  height: 10px;
  background-image: url("../icons/arrow-icon.png");
  background-size: auto 6px;
}
.accordion.object-storage-accordion
  .accordion-list
  .accordion-header.expand
  span:after {
  background-image: url("../icons/arrow-icon-right.png");
  background-size: 6px auto;
}
.accordion.object-storage-accordion .accordion-body {
  border-top: 0;
  padding: 20px 0 20px 30px;
}
.tabs {
  width: 100%;
}
.tabs .tabs-header {
  position: relative;
}
.tabs .tabs-header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.tabs .tabs-header ul li {
  float: left;
  padding: 3px 0;
}
.tabs .tabs-header ul li a {
  padding: 8px 0px;
  display: block;
  font-size: 14px;
  font-weight: 600;
}
.tabs .tabs-header ul.dashboard-tab {
  border-bottom: 1px solid #a4a4a4;
}
.tabs .tabs-header ul li.active {
  border-bottom: 3px solid #db1936;
  font-weight: 600;
  padding: 3px 0;
}
.tabs .tabs-header ul li + li {
  margin-left: 30px;
}
.tabs .tabs-body .tabs-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  padding: 20px 0 0 0;
}
.tabs .tabs-body .tabs-content.expand {
  display: block;
}
.tabs .tabs-body .tabs-content.expand p {
  font-size: 13px !important;
}
.tabs.network {
  padding: 10px 0 20px;
  border: solid 0.5px #9b9b9b;
}
.detail-table {
  padding: 20px 0;
  border: solid 0.5px #9b9b9b;
}
.detail-table .page-data {
  padding: 5px 20px !important;
}
.detail-table .page-sub-title + .page-data {
  padding-top: 20px !important;
}
.no-tabs {
  padding: 20px;
}
.tabs .tabs-header ul {
  padding: 0 20px;
}
.tabs .tabs-body {
  padding: 0 20px;
}
.tabs.dashboard .tabs-body,
.tabs.dashboard .tabs-header ul {
  padding: 0 !important;
}
.tabs.domain .tabs-header ul li {
  border-bottom: 10px solid #f9f9f9;
}
.tabs.domain .tabs-header ul li a {
  padding: 0 5px 15px;
  font-size: 0.8em;
  font-weight: 600;
  color: #8d8d8d;
}
.tabs.domain .tabs-header ul li.active {
  border-bottom-color: #db1936;
}
.tabs.domain .tabs-header ul li.active a {
  color: #535353;
}
.tabs.domain .tabs-body .tabs-content p {
  margin: 0;
  font-size: 0.8em;
  color: #8d8d8d;
}
.tabs.domain .tabs-body .tabs-content p + p {
  margin: 10px 0 0;
}
.network-subnet-table {
  margin-bottom: 20px;
}
.network-subnet-table thead tr th {
  padding: 0;
  text-align: left;
  border-bottom: none;
}
.network-subnet-table tbody {
  border-top: 0.5px solid #cccccc;
}
.network-subnet-table tbody tr td {
  border-bottom: 0.5px solid #cccccc;
  padding: 0;
  text-align: left;
}
.message {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 20px;
  padding: 15px;
  font-size: 0.8em;
  border-width: 1px;
  border-style: solid;
}
.message.alert {
  color: #faca33;
  border-color: #faca33;
  background-color: #f8edc1;
}
.message.alert a {
  color: #faca33;
}
.message.error {
  color: #eb2d2d;
  border-color: #eb2d2d;
  background-color: rgba(255, 57, 52, 0.25);
}
.collapse {
  width: 100%;
}
.collapse .collapse-list .collapse-header {
  padding: 14px 0;
  border-bottom: 1px solid #a7a7a7;
}
.collapse .collapse-list .collapse-header span {
  display: block;
  position: relative;
  font-size: 0.8em;
  color: #535353;
}
.collapse .collapse-list .collapse-header span:after {
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url("../icons/arrow-icon.png");
  background-repeat: no-repeat;
  background-size: auto 6px;
}
.collapse .collapse-list .collapse-header:hover {
  cursor: pointer;
}
.collapse .collapse-list .collapse-header.expand span:after {
  background-image: url("../icons/arrow-icon-right.png");
  background-size: 6px auto;
}
.collapse .collapse-list .collapse-body {
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
  display: none;
  padding: 14px 0;
}
.collapse .collapse-list .collapse-body.expand {
  display: block;
}
.progress {
  width: 100%;
  height: 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin: 14px 0 8px;
  overflow: hidden;
  background-color: #eeeeee;
}
.progress .progress-bar {
  height: 22px;
  background-color: #00be84;
}
.user-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 580px;
}
.user-section .user-header {
  position: relative;
  display: block;
  width: 100%;
}
.user-section .user-header .header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 17px 27px;
}
.user-section .user-header .header-wrapper .user-logo {
  height: 20px;
}
.user-section .user-header .header-wrapper .user-logo img {
  height: 100%;
}
.user-section .user-header .header-wrapper .user-logo.transfer {
  height: 58px;
}
.user-section .user-header .header-wrapper .user-menu {
  padding: 11px 0 10px 0;
}
.user-section .user-content {
  position: relative;
  display: block;
  width: 100%;
}
.user-section .user-content.register-user {
  position: absolute;
  display: block;
  top: 60px;
  width: 100%;
}
.user-section .user-content .user-title {
  width: inherit;
}
.user-section .user-content .user-title h1 {
  margin: 0;
  font-weight: normal;
}
.user-section .user-content .user-title.title-signup {
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  color: #4a4a4a;
  margin-bottom: 30px;
}
.user-section .user-content .user-title.title-signup h1 {
  font-size: 4em;
}
.user-section .user-content .user-title.title-signin {
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  color: #4a4a4a;
  margin-bottom: 30px;
}
.user-title.title-register {
  margin: 0 0 60px 0;
  font-weight: 600;
  font-size: 18px;
}
.user-title.title-register.error {
  margin-bottom: 30px !important;
}
.user-title.title-verification {
  margin: 0 0 27px 0;
  font-weight: 600;
  font-size: 18px;
}
.user-title.title-register > .btn {
  margin-left: 10px;
}
.user-section .user-content .register-title {
  width: 100%;
  margin: 0 auto;
}
.user-section .user-content .register-message .response-img {
  margin: 0 auto 28px;
}
.user-section .user-content .register-message .response-img img {
  max-width: 350px;
}
.user-section .user-content .register-message .register-verify-img {
  margin: 0 auto 40px;
}
.user-section .user-content .register-message .register-verify-img img {
  max-height: 130px;
}
.user-section .user-content .register-message p {
  margin: 0 0 20px;
}
.user-section .user-content .transfer-message .form-group {
  margin: 42px 0 0;
}
.user-section .user-content .transfer-message .form-group + .form-group {
  margin: 12px 0 0;
}
.user-section .user-content .transfer-message .form-group:last-child {
  margin: 22px 0 0;
}
.user-section .user-content .transfer-message label {
  font-size: 1em;
}
.user-section .user-content .transfer-message .btn {
  font-size: 1em;
}
.user-section .user-content .transfer-message p {
  margin: 0 0 20px;
  font-size: 1em;
}
.user-section .user-content .transfer-message .response-img {
  margin: 60px 0 45px;
}
.user-section .user-content .transfer-message.approve p {
  font-size: 1.25em;
}
.user-section .user-content .verification-img {
  margin: 31px auto 27px;
}
.user-section .user-content .verification-img img {
  max-width: 153px;
}
.user-section .user-content .verification-link {
  margin: 6px 0 0;
  display: inline-block;
  font-size: 0.72em;
  color: #939393;
}
.user-section .title-maintenance {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
.user-section .title-maintenance h1 {
  margin: 0;
  font-weight: normal;
  font-size: 4em;
}
.user-section .user-footer {
  position: relative;
  display: block;
  width: 100%;
  z-index: -1;
}
.user-section .user-footer.register-footer {
  position: fixed;
  bottom: 0;
  z-index: -1;
}
.user-section .user-footer img {
  width: 100%;
  margin-bottom: -5px;
}
.user-section .user-footer.response-footer {
  padding: 40px 0 0;
}
.user-section .user-footer.response-footer img {
  width: 52%;
}
.user-section .user-footer.error-footer img {
  width: 80%;
}
.domain-transfer-page {
  margin: 0 0;
}
.dashboard-section {
  height: 100%;
}
.dashboard-section .dashboard-header {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 9998;
  top: 0;
  justify-content: space-between;
  background-color: #1e1e21;
}
.dashboard-section .dashboard-header .dashboard-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.dashboard-section .dashboard-header .dashboard-toggle .dashboard-logo,
.dashboard-section .dashboard-header .dashboard-toggle .menu-toggle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.dashboard-section .dashboard-header .dashboard-toggle .dashboard-logo {
  width: 60px;
  height: 100%;
  padding: 18px 0;
  text-align: center;
  background-color: #db1936;
  cursor: pointer;
}
.dashboard-section .dashboard-header .dashboard-toggle .dashboard-logo img {
  max-height: 26px;
}
.dashboard-section .dashboard-header .dashboard-toggle .menu-toggle {
  height: 100%;
  padding: 17px 0 17px 13px;
}
.dashboard-section
  .dashboard-header
  .dashboard-toggle
  .menu-toggle
  .toggle
  img {
  max-height: 15px;
}
.dashboard-section
  .dashboard-header
  .dashboard-toggle
  .menu-toggle
  .toggle:hover {
  cursor: pointer;
}
.dashboard-section .dashboard-header .dashboard-toggle.expand {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  width: 180px;
  padding-right: 13px;
  background-color: #db1936;
}
.dashboard-section .dashboard-header .dashboard-toggle.expand .dashboard-logo {
  float: right;
  text-align: right;
  width: 100%;
  cursor: pointer;
}
.dashboard-section .dashboard-header .dashboard-toggle .menu-toggle {
  display: none;
}
.dashboard-section .dashboard-header .news-bar {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 27px;
  align-items: center;
}
.dashboard-section .dashboard-header .news-bar .news-wrapper {
  font-size: 0.8em;
  color: #ffffff;
  margin: 0 auto;
  max-width: 400px;
}
#news-ticker {
  height: 16px !important;
}
.dashboard-section .dashboard-header .news-bar .news-wrapper ul,
.dashboard-section .dashboard-header .news-bar .news-wrapper ul li {
  list-style: none;
  position: initial !important;
}
.dashboard-section .dashboard-header .news-bar .news-wrapper ul li a {
  color: #ffffff;
  text-decoration: underline;
}
.dashboard-section .dashboard-header .toolbar-menu {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 18px 0 0;
  justify-content: flex-end;
}
.dashboard-section .dashboard-header .toolbar-menu .toolbar-list {
  height: inherit;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.dashboard-section .dashboard-header .toolbar-menu .toolbar-list:first-child {
  margin-right: 18px;
}
.dashboard-section .dashboard-header .toolbar-menu .toolbar-list:last-child {
  margin-right: 0;
  margin-left: 18px;
}

.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list:last-child
  span.toolbar-title {
  margin-left: -26px;
}

.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu {
  position: relative;
  display: inline-block;
  height: inherit;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  span[class*="fa-"] {
  margin: 22px auto;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu:hover {
  cursor: pointer;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list {
  display: none;
  position: absolute;
  z-index: 1;
  top: 55px;
  right: 0;
  width: 201px;
  color: #4a4a4a;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  border-radius: 3px;
}

.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list.dropdown-notification {
  right: -53px;
  margin: 0 -38px 0 0;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list:hover {
  cursor: default;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list:before {
  content: "";
  position: absolute;
  top: -9px;
  left: 60%;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list.dropdown-notification:before {
  left: 50%;
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
  transform: translateX(-50%);
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  .dropdown-content {
  display: block;
  padding: 12px 20px;
  font-size: 13px;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  .dropdown-content
  .dropdown-title,
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  .dropdown-content
  .dropdown-label,
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  .dropdown-content
  .dropdown-price {
  padding: 5px 0;
}
.dropdown-title {
  font-weight: 600;
}
.dropdown-price {
  color: #db1936;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  color: #4a4a4a;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  a:hover {
  background-color: #f7f7f7;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: -1px;
  margin-bottom: -1px;
  font-weight: 600;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  ul
  li {
  border-bottom: 1px solid #ffffff;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  ul
  li
  + li {
  padding-top: 12px;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  ul
  li:last-child {
  border-bottom: 0;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  ul
  li
  a {
  padding: 11px 0 11px 20px;
  font-size: 13px;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  ul
  li
  a
  i {
  margin-right: 12px;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .dropdown-list
  ul
  li
  span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 11px;
}

.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .dropdown-menu
  .notification-count {
  width: 17px;
  height: 17px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 10px;
  right: -9px;
  padding: 1px 0 0 0;
  font-size: 10px;
  text-align: center;
  color: #ffffff;
  background-color: #f63512;
}
.dashboard-section .dashboard-header .toolbar-menu .toolbar-list .toolbar-title,
.dashboard-section .dashboard-header .toolbar-menu .toolbar-list .toolbar-icon {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-title {
  padding: 0 8px;
  font-size: 0.8em;
  color: #ffffff;
}
.dashboard-section .dashboard-header .toolbar-menu .toolbar-list .toolbar-icon {
  height: inherit;
  background-repeat: no-repeat;
  background-position: center;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.fa-circle {
  height: 60px;
  font-size: 1.48em;
  line-height: 2.5;
}
.fa-thermometer-empty {
  color: #fff;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.fa-external-link {
  transform: translateY(37%);
  color: #fff;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.status {
  width: 25px;
  background-size: 25px auto;
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.status.green {
  background-image: url("../icons/status-green.svg");
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.status.yellow {
  background-image: url("../icons/status-yellow.svg");
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.status.red {
  background-image: url("../icons/status-red.svg");
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.notification {
  transform: translateY(29%);
}
.dashboard-section
  .dashboard-header
  .toolbar-menu
  .toolbar-list
  .toolbar-icon.user {
  width: 25px;
  background-image: url("../icons/user.svg");
  background-size: 25px auto;
}
.dashboard-section .dashboard-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100%;
  padding: 60px 0 0 0;
}
.dashboard-section .dashboard-content .dashboard-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.dashboard-section .dashboard-content .dashboard-wrapper .content-sidebar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  width: 60px;
  height: 100%;
  position: fixed;
  z-index: 1;
  background-color: #1e1e21;
}
.dashboard-section .dashboard-content .dashboard-wrapper .content-sidebar ul {
  margin: 0 0 64px;
  padding: 0;
  list-style-type: none;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  + li {
  margin-top: 15px;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 13px 0 12px;
  letter-spacing: 0.03em;
  font-size: 0.8em;
  text-align: center;
  color: #ffffff;
  position: relative;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover::before {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #eee;
  border-bottom: 7px solid transparent;
  border-right-color: #fff;
  right: 0;
  top: 18px;
  content: "";
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover {
  color: #db1936;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover
  .sidebar-icon.dashboard {
  background-image: url("../icons/menu-dashboard-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover
  .sidebar-icon.catalog {
  background-image: url("../icons/menu-catalog-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover
  .sidebar-icon.billing {
  background-image: url("../icons/menu-billing-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover
  .sidebar-icon.support {
  background-image: url("../icons/menu-support-active.svg");
  background-size: 24px auto;
  height: 27px;
  margin-bottom: -2px;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover
  .sidebar-icon.tutorial {
  background-image: url("../icons/menu-tutorial-active.svg");
  background-size: 23px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover
  .sidebar-icon.promo {
  background-image: url("../icons/menu-promo-active.svg");
  background-size: 24px auto;
  height: 24px;
}

.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a:hover
  .sidebar-icon.license {
  background-image: url("../icons/menu-license-active.svg");
  background-size: 24px auto;
  height: 25px;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon {
  width: 24px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.dashboard {
  background-image: url("../icons/menu-dashboard.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.dashboard {
  background-image: url("../icons/menu-dashboard-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.domain {
  background-image: url("../icons/menu-domain.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.domain {
  background-image: url("../icons/menu-domain-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.catalog {
  background-image: url("../icons/menu-catalog.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.catalog {
  background-image: url("../icons/menu-catalog-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.license {
  background-image: url("../icons/menu-license.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.license {
  background-image: url("../icons/menu-license-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.billing {
  background-image: url("../icons/menu-billing.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.billing {
  background-image: url("../icons/menu-billing-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.support {
  background-image: url("../icons/menu-support.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.support {
  background-image: url("../icons/menu-support-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.tutorial {
  background-image: url("../icons/menu-tutorial.svg");
  background-size: 23px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.tutorial {
  background-image: url("../icons/menu-tutorial-active.svg");
  background-size: 23px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-icon.promo {
  background-image: url("../icons/menu-promo.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a
  .sidebar-icon.promo {
  background-image: url("../icons/menu-promo-active.svg");
  background-size: 24px auto;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li
  a
  .sidebar-title {
  display: none;
  margin-left: 12px;
  margin-right: -2px;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  .translation-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  padding: 14px 0;
  width: 60px;
  font-size: 0.8em;
  text-align: center;
  color: #ffffff;
  background-color: #535353;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  .translation-menu
  a {
  color: #a7a7a7;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  .translation-menu
  a.active {
  color: #ffffff;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  width: 180px;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  ul
  li.active
  a {
  padding-left: 24px;
  color: #db1936;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li:first-child,
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  ul
  li:first-child {
  margin-top: 15px;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active,
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  ul
  li.active {
  position: relative;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar
  ul
  li.active
  a::before,
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  ul
  li.active
  a::before {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #eee;
  border-bottom: 7px solid transparent;
  border-right-color: #fff;
  right: 0;
  top: 18px;
  content: "";
}
/*.dashboard-section .dashboard-content .dashboard-wrapper .content-sidebar.expand ul li.active a:hover {
  background-color: #6A6A6A; }*/

.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  ul
  li
  a {
  padding: 13px 25px 12px;
  text-align: left;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  ul
  li
  a
  .sidebar-title {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  .translation-menu {
  padding: 14px 25px;
  width: 250px;
  text-align: left;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  + .main-content {
  padding-left: 180px;
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  + .main-content
  .header-object-storage,
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  + .main-content
  .header-domain-detail,
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  + .main-content
  .header-network-detail,
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  + .main-content
  .header-vm-detail,
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  + .main-content
  .header-volume-detail {
  width: calc(100% - 250px);
}
.dashboard-section
  .dashboard-content
  .dashboard-wrapper
  .content-sidebar.expand
  + .main-content
  .network-detail-bar {
  width: calc(100% - 545px);
}
.dashboard-section .dashboard-content .dashboard-wrapper .main-content {
  width: 100%;
  height: 100%;
  padding-left: 60px;
}
.main-dashboard-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 540px;
}
.content-main-dashboard {
  height: calc(100% - 43px);
}
.main-dashboard-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
}
.main-dashboard-wrapper img {
  max-width: 100%;
}
.domain-page-nav-wrapper {
  margin: 50px 0 0;
}
.page-nav-label {
  margin: 0 10px 0 0;
  font-size: 0.8em;
}
.domain-renew-wrapper span {
  font-size: 0.8em;
}
.domain-renew-price {
  margin: 20px 0 0;
  padding: 20px 0;
  border-top: 1px solid #a7a7a7;
}
.account-menu {
  position: fixed;
  width: inherit;
}
.account-menu ul {
  padding: 5px 30px;
}
.account-menu ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 0;
  display: block;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-size: 14px;
  color: #555555;
}
.account-menu ul li:hover {
  border-bottom: 1px solid #db1936;
}

.account-menu ul li.active {
  font-weight: 600;
  border-bottom: 3px solid #db1936;
}
.account-menu ul li.active a:hover {
  border-bottom: none;
}
.delete-space-wrapper {
  margin: auto;
  width: 618px;
}
.delete-space-wrapper .space-delete-description {
  margin: 36px 0 25px 0;
}
.delete-space-wrapper .space-delete-button {
  margin: 48px 0 0 0;
}
.delete-space-wrapper .space-delete-button .btn {
  margin: 0 7px;
}
.modal-spaces-button {
  margin: 15px 0 0 0;
}
.modal-spaces-button .btn {
  margin: 0 7px;
}
.support-add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  height: 42px;
  padding: 8px 14px;
  background-color: #c6c6c6;
}
.support-add a {
  font-size: 1em;
}
.support-wrapper {
  padding: 0 30px 26px 30px;
  /*height: calc(100% - 60px);*/

  height: 100%;
  overflow-y: auto;
}
.support-title {
  margin: 22px 30px 0px 30px;
  font-size: 16px;
  font-weight: 600;
  color: #373d4c;
}
.support-wrapper .ticket-list {
  margin: 0 0 12px 0;
  color: #8d8d8d;
}
.support-wrapper .ticket-list .ticket-title {
  position: relative;
  padding: 6px 0;
}
.support-wrapper .ticket-list .ticket-title a {
  font-size: 0.8em;
  color: #535353;
}
.support-wrapper .ticket-list .ticket-title .ticket-list-status {
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #535353;
}
.support .ticket-link div {
  font-size: 13px;
  position: relative;
}
.support .ticket-link span.status {
  position: absolute !important;
  right: 0;
  top: 0;
  font-size: 13px;
}
.support .ticket-detail {
  font-size: 12px;
  color: #9b9b9b;
}
.support-wrapper .ticket-list:last-child {
  margin-bottom: 0;
}
.support-wrapper .ticket-list.close .ticket-title .ticket-icon {
  background-image: url("../icons/unread-ticket.png");
}
.support-wrapper .ticket-list.close .ticket-title .ticket-list-status {
  color: #f63512;
}
.support-wrapper .ticket-list.close .ticket-title a {
  color: #f63512;
}
.support-content .ticket-action {
  position: relative;
}
.support-content .ticket-action .left-rectangle,
.support-content .ticket-action .right-rectangle {
  display: inline-block !important;
}
.support-content .ticket-action .right-rectangle {
  float: right;
}
.support-content .ticket-action .left-rectangle {
  position: absolute;
  right: 120px;
}
.support-content textarea {
  height: 80px;
  background-color: #fbfbfb;
}
.ticket-description {
  margin: 20px 0 0 0;
  font-size: 13px;
}
.ticket-description p {
  margin: 0 0 10px 0;
  font-size: 0.8em;
}
.ticket-description p:last-child {
  margin: 0;
}
.ticket-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 130px;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
  width: 130px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.ticket-status img {
  width: 106px;
  margin: 0 0 10px;
}
.conversation-wrapper {
  margin: 30px 0;
  height: 256px;
  overflow-y: scroll;
  font-size: 0.92em;
  border: 1px solid #a7a7a7;
  border-radius: 5px;
}
.conversation-wrapper .conversation-bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 30px;
  width: 100%;
}
.conversation-wrapper .conversation-bubble.out .conversation-message {
  padding-left: 60px;
}
.conversation-wrapper .conversation-bubble.in .conversation-message {
  padding-right: 60px;
}
.conversation-wrapper .conversation-bubble.in .conversation-message .image {
  margin-top: 20px;
}
.conversation-wrapper .conversation-bubble.in .conversation-message .image img {
  width: 150px;
  height: 100px;
  object-fit: cover;
}
.conversation-wrapper .conversation-bubble .conversation-message .date-created {
  margin-top: 10px;
  color: #9b9b9b;
  font-size: 11px;
}
.conversation-wrapper .conversation-bubble + .conversation-bubble {
  /*border-bottom: 1px solid #CCCCCC;*/
}
.conversation-divider {
  border-bottom: 1px solid #cccccc;
  margin-top: 17px;
  margin-bottom: 0;
  width: 100%;
}
.conversation-wrapper .conversation-bubble .conversation-user {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  width: 50px;
  font-size: 0.8em;
}
.conversation-wrapper .conversation-bubble .conversation-message {
  width: 100%;
  margin-left: 10px;
  font-size: 0.8em;
}
.conversation-wrapper .conversation-bubble.out .conversation-message {
  width: 100%;
  margin-right: 10px;
  text-align: right;
  margin-left: 0;
  font-size: 0.8em;
}
.conversation-wrapper .conversation-bubble .conversation-message .user-name {
  font-size: 12px;
  font-weight: 600;
  padding: 16px 0 16px 0;
}
.conversation-wrapper .conversation-bubble .conversation-user .user-circle {
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  background: #d8d8d8;
  color: #fff;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font-size: 16px;
  position: relative;
}
.conversation-wrapper
  .conversation-bubble
  .conversation-user
  .user-circle
  .user-initial {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ticket-image {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 256px;
  margin: 0;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.modal .thread.image-content {
  width: 100%;
}
.promo-page-wrapper {
  width: 100%;
}
.promo-img {
  margin: 0 0 20px;
  border: 1px solid #8d8d8d;
}
.promo-img img {
  width: 100%;
  margin: 0 0 -5px;
}
.documentation-menu-wrapper {
  position: fixed;
  width: inherit;
}
.documentation-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  font-size: 18px;
  color: #373d4c;
  font-family: "Whitney-Semibold", "Open Sans", sans-serif;
  font-weight: 600;
}
.accordion-header a.ticket-link {
  word-wrap: break-word;
  text-align: justify;
}
.accordion-data {
  display: none;
}
.accordion-data > .documentation-wrapper > .documentation-title {
  padding: 0;
  font-size: 16px;
}
.accordion-data > .documentation-wrapper > div {
  font-size: 13px;
  margin: 15px 0;
}
.accordion-data .documentation-wrapper img {
  max-width: 100%;
  margin-bottom: 54px;
}
.accordion-data .documentation-wrapper img:last-child {
  margin-bottom: 0;
}
.accordion-data .documentation-wrapper p {
  margin: 0 0 40px 0;
}
.accordion-data .documentation-wrapper p:last-child {
  margin-bottom: 0;
}
.accordion-data .documentation-paragraph {
  padding: 40px 60px;
  color: #8d8d8d;
}
.accordion-data .documentation-img img {
  width: 100%;
}
.accordion-data.expand {
  display: block;
}
.catalog-menu-wrapper {
  position: fixed;
  width: inherit;
}
.catalog-menu-title {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: #373d4c;
}
.catalog-menu-sparator {
  margin: 0 0 18px;
  border-top: 1px solid #a7a7a7;
}
.catalog-menu {
  margin: 0 0 10px;
  text-align: center;
  border: 1px solid #4a4a4a;
  background: #fbfbfb;
  width: 90px;
  height: 90px;
}
.catalog-menu a {
  padding: 7px 0;
  display: block;
  font-size: 11px;
  line-height: 1;
}
.catalog-menu.active {
  border: 2px solid #db1936;
  height: 88px;
  width: 88px;
}
/*.catalog-menu-list.active {
  color: #FFFFFF;
  background-color: #DB1936; }*/
/*catalog-menu-list.active .catalog-icon.icon-domain-register {
  background-image: url("../icons/domain-register-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-domain-transfer {
  background-image: url("../icons/domain-transfer-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-vm-centos {
  background-image: url("../icons/vm-centos-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-vm-debian {
  background-image: url("../icons/vm-debian-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-vm-fedora {
  background-image: url("../icons/vm-fedora-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-vm-opensuse {
  background-image: url("../icons/vm-opensuse-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-vm-redhat {
  background-image: url("../icons/vm-redhat-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-vm-suse {
  background-image: url("../icons/vm-suse-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-vm-ubuntu {
  background-image: url("../icons/vm-ubuntu-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-storage-object {
  background-image: url("../icons/storage-object-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-storage-volume {
  background-image: url("../icons/storage-volume-active.svg"); }
.catalog-menu-list.active .catalog-icon.icon-network {
  background-image: url("../icons/network-active.svg"); }*/

.catalog-icon {
  width: 56px;
  height: 50px;
  margin: 0 auto 6px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.catalog-icon.icon-domain-register {
  background-image: url("../icons/register-domain.svg");
  background-size: 42px auto;
}
.catalog-icon.icon-domain-transfer {
  background-image: url("../icons/transfer-domain.svg");
  background-size: 42px auto;
}
.catalog-icon.icon-vm-centos {
  background-image: url("../icons/vm-centos.svg");
  background-size: 37px auto;
}
.catalog-icon.icon-vm-debian {
  background-image: url("../icons/vm-debian.svg");
  background-size: 32px auto;
}
.catalog-icon.icon-vm-fedora {
  background-image: url("../icons/vm-fedora.svg");
  background-size: 37px auto;
}
.catalog-icon.icon-vm-opensuse {
  background-image: url("../icons/vm-opensuse.svg");
  background-size: 37px auto;
}
.catalog-icon.icon-vm-redhat {
  background-image: url("../icons/vm-redhat.svg");
  background-size: 37px auto;
}
.catalog-icon.icon-vm-suse {
  background-image: url("../icons/vm-suse.svg");
  background-size: 37px auto;
}
.catalog-icon.icon-vm-ubuntu {
  background-image: url("../icons/vm-ubuntu.svg");
  background-size: 37px auto;
}

.catalog-icon.icon-vm-cloudlinux {
  background-image: url("../icons/vm-cloudlinux.svg");
  background-size: 40px auto;
}

.catalog-icon.icon-plesk {
  background-image: url("../icons/plesk-logo.svg");
  background-size: 52px auto;
  background-position: center 66%;
}
.catalog-icon.icon-storage-object {
  background-image: url("../icons/storage-object.svg");
  background-size: 34px auto;
}
.catalog-icon.icon-storage-volume {
  background-image: url("../icons/storage-volume.svg");
  background-size: 37px auto;
}
.catalog-icon.icon-network {
  background-image: url("../icons/network.svg");
  background-size: 37px auto;
}

.catalog-icon.icon-cpanel {
  background-image: url("../icons/cpanel-logo.svg");
  background-size: 37px auto;
}
.catalog-icon.icon-vm-instance {
  background-image: url(../icons/instance.svg);
  background-size: 37px auto;
}

.catalog-icon.icon-globalsign {
  background-image: url("../icons/globalsign.png");
  background-size: 55px auto;
}

.catalog-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*height: 100%;*/

  min-height: 580px;
}
.step-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 28px 0;
}
.step-wrapper .step-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-size: 0.75em;
  text-align: center;
  background-color: #c6c6c6;
}
.step-wrapper .step-column.active {
  color: #ffffff;
  background-color: #aaaaaa;
}
.step-wrapper .step-column + .step-column {
  border: 1px solid #aaaaaa;
}
.catalog-wrapper {
  padding: 25px;
}
.vm-wrapper {
  width: 100%;
}
.catalog-wrapper > .form-wrapper {
  padding: 0 5px 10px;
}
.catalog-navigation {
  padding: 20px 24px 60px;
}
.add-router {
  margin: 28px 0 0;
}
.catalog-footnote {
  display: block;
  font-size: 12px;
}
.catalog-footnote.tax {
  font-size: 11px;
  color: #666;
  font-style: italic;
}
.configuration-message {
  margin: 28px 0 0;
  font-size: 1em;
}
.vm-version {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  margin: 0 5px 20px 0;
  padding: 23px 0;
  font-size: 1em;
  background-color: #ffffff;
  border: 1px solid #a7a7a7;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.vm-version:hover {
  cursor: pointer;
}
.version-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 73px;
  -ms-flex: 0 0 73px;
  flex: 0 0 73px;
  width: 73px;
  height: 73px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.version-icon.centos-icon {
  background-image: url("../img/centos.svg");
  background-size: 100%;
}
.version-icon.debian-icon {
  background-image: url("../img/debian.svg");
  background-size: auto 100%;
}
.version-icon.fedora-icon {
  background-image: url("../img/fedora.svg");
  background-size: auto 100%;
}
.version-icon.opensuse-icon {
  background-image: url("../img/opensuse.svg");
  background-size: 100% auto;
}
.version-icon.redhat-icon {
  background-image: url("../img/redhat.svg");
  background-size: 100% auto;
}
.version-icon.suse-icon {
  background-image: url("../img/suse.svg");
  background-size: 100% auto;
}
.version-icon.ubuntu-icon {
  background-image: url("../img/ubuntu.svg");
  background-size: auto 100%;
}
.version-icon.cloudlinux-icon {
  background-image: url("../icons/vm-cloudlinux.svg");
  background-size: auto 100%;
}
.version-icon.snapshot-icon {
  background-image: url("../icons/snapshot-logo.svg");
  background-size: auto 100%;
}
.vm-radio {
  display: none;
}
.vm-radio:checked + .vm-version {
  border: 1px solid #db1936;
}
/*.vm-radio:checked + .vm-version .version-icon.centos-icon {
  background-image: url("../img/centos-selected.svg"); }
.vm-radio:checked + .vm-version .version-icon.debian-icon {
  background-image: url("../img/debian-selected.svg"); }
.vm-radio:checked + .vm-version .version-icon.fedora-icon {
  background-image: url("../img/fedora-selected.svg"); }
.vm-radio:checked + .vm-version .version-icon.opensuse-icon {
  background-image: url("../img/opensuse-selected.svg"); }
.vm-radio:checked + .vm-version .version-icon.redhat-icon {
  background-image: url("../img/redhat-selected.svg"); }
.vm-radio:checked + .vm-version .version-icon.suse-icon {
  background-image: url("../img/suse-selected.svg"); }
.vm-radio:checked + .vm-version .version-icon.ubuntu-icon {
  background-image: url("../img/ubuntu-selected.svg"); }
.vm-radio:checked + .vm-version .vm-info {
  color: #FFFFFF; }*/

.vm-radio:checked + .package-wrapper {
  background-color: #fff;
  border-color: #db1936;
}
.vm-radio:checked + .package-wrapper .package-name {
  color: #4a4a4a;
}
.vm-radio:checked + .package-wrapper .package-specification {
  color: #4a4a4a;
  border-bottom-color: #a4a4a4;
}
.vm-radio:checked + .package-wrapper .package-price {
  color: #4a4a4a;
}
.vm-radio:checked + .package-wrapper .package-price span {
  color: #4a4a4a;
}
.vm-radio:checked + .payment-option-wrapper {
  background-color: transparent;
  border-color: #db1936;
}
.vm-radio:checked + .payment-option-wrapper .payment-detail {
  border-bottom-color: #4a4a4a;
}
.vm-radio:checked + .payment-option-wrapper .payment-detail span {
  color: #4a4a4a;
}
.vm-radio:checked + .payment-option-wrapper .payment-detail span.selected-ip {
  vertical-align: top;
}

.vm-radio:checked + .payment-option-wrapper .payment-detail span.tax {
  font-size: 11px;
  color: #666;
  font-style: italic;
}
.vm-radio:checked
  + .payment-option-wrapper
  .payment-detail
  span.tax
  .vm-radio:checked
  + .payment-option-wrapper
  .payment-detail
  span.tax.inline {
  display: inline-block;
}
.vm-radio:checked + .payment-option-wrapper .payment-choose {
  color: #4a4a4a;
}
.vm-radio:checked + .vm-version .vm-indicator:after {
  background: #db1936;
}
.vm-radio:checked + .vm-version .vm-indicator {
  border: 1px solid #db1936;
}
.vm-radio:checked + .package-wrapper .package-indicator:after {
  background: #db1936;
}
.vm-radio:checked + .package-wrapper .package-indicator {
  border: 1px solid #db1936;
}
.vm-radio + .payment-option-wrapper .payment-detail span.tax,
span.tax {
  font-size: 11px;
  color: #666;
  font-style: italic;
}
.vm-radio + .payment-option-wrapper .payment-detail span.tax.inline {
  display: inline-block;
}

.vm-radio + .payment-option-wrapper .payment-detail span.hourly-estimation {
  font-size: 11px;
}
.vm-info {
  color: #4a4a4a;
  display: block;
  margin-top: 10px;
  border: 1px solid #9b9b9b;
  padding: 12px 20px;
  position: relative;
}
.vm-info.selected {
  border: 1px solid #db1936;
  transition: all 0.4s ease-in-out;
}
.vm-indicator {
  border-radius: 100%;
  border: 1px solid #9b9b9b;
  position: absolute;
  top: 14px;
  left: 14px;
  background: #fff;
  width: 20px;
  height: 20px;
}
.vm-indicator::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: #fff;
  display: block;
}
.os-version {
  display: block;
  font-size: 0.75em;
  font-weight: 600;
}
.os-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
}
.volume-storage-wrapper {
  width: 100%;
}
.volume-storage-version {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  margin: 0 0 20px;
  padding: 30px 40px 20px;
  font-size: 1em;
  background-color: #ffffff;
  border: 0.5px solid #9b9b9b;
  flex-direction: column;
  position: relative;
}
.volume-storage-version:hover {
  cursor: pointer;
}
.version-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
.version-icon.volume-storage-icon {
  background-image: url("../img/volume-storage.svg");
  background-size: 100%;
}
.volume-storage-radio {
  display: none;
}
.volume-storage-radio:checked + .volume-storage-version {
  background-color: transparent;
  border: 2px solid #db1936;
}
.volume-storage-radio:checked
  + .volume-storage-version
  .version-icon.volume-storage-icon {
  /*background-image: url("../img/volume-storage-selected.svg");*/
}
.volume-storage-radio:checked + .volume-storage-version .volume-storage-info {
  color: #4a4a4a;
  font-weight: 600;
}
.volume-storage-radio:checked + .volume-storage-version .vm-indicator:after {
  background: #db1936;
}
.volume-storage-radio:checked + .volume-storage-version .vm-indicator {
  border: 1px solid #db1936;
}
.volume-storage-info {
  margin: 15px 0;
  color: #4a4a4a;
}
form.volume_summary {
  margin-left: 5px;
}
form.volume_summary .form-group + .form-group {
  margin: 5px 0;
}
.os-version.vm {
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  margin: 5px 7px;
  vertical-align: top;
  position: relative;
  width: 100px;
}
.select-version {
  position: absolute;
  left: 72px;
  top: 35px;
  font-size: 10px;
}

.form-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 28px 0 5px;
  flex-direction: column;
}
.form-section .form-section-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70px;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  width: 152px;
  align-items: center;
  font-size: 16px;
  color: #555555;
  font-weight: 600;
}
.form-section .form-section-operation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.network-detail-wrapper .form-section {
  margin: 0 0 16px;
}
.form-section .form-section-operation .add-operation a {
  color: #308cf8;
}
.form-section .form-section-operation .add-operation + .add-operation {
  margin: 0 0 0 10px;
}
.package-container {
  width: 100%;
  margin-top: 21px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.package-list {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 0 7px 14px;
}
.package-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 5px 10px;
  padding: 15px 50px;
  font-size: 1em;
  border: 1px solid #a7a7a7;
  position: relative;
}
.package-wrapper .package-name {
  margin: 0 0 10px;
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 600;
}
.package-wrapper .package-specification {
  padding: 0 0 10px;
  border-bottom: 1px solid #a7a7a7;
}
.package-wrapper .package-specification span {
  display: block;
  font-size: 12px;
}
.package-wrapper .package-specification span + span {
  margin: 5px 0 0;
}
.package-wrapper .package-price {
  padding: 6px 0 16px 0;
  font-size: 16px;
  color: #6e6e6e;
}

.package-price span.package__smaller {
  font-size: 10px;
  font-weight: 400;
}
.package-wrapper .package-price span {
  font-weight: 600;
  color: #4a4a4a;
}
.package-wrapper:hover {
  cursor: pointer;
}
.vm-radio:checked + .vm-version .vm-indicator {
  border: 1px solid #db1936;
}
.package-indicator {
  border-radius: 100%;
  border: 1px solid #9b9b9b;
  position: absolute;
  top: 14px;
  left: 14px;
  background: #fff;
  width: 19px !important;
  height: 19px;
}
.package-indicator::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  display: block;
}
.payment-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.payment-container .payment-info {
  -webkit-box-flex: 0;
  margin: 0 20px 0 0;
  padding: 10px 0;
  font-size: 0.875em;
}
.payment-container .payment-info span {
  display: block;
}
.payment-container .payment-info span + span {
  margin: 10px 0 0;
}
.payment-container .payment-option {
  width: 100%;
  /*max-width: 688px;*/
}
.grids.payment-summary > [class^="grid-"] {
  padding: 0 20px 0 0;
}
.payment-option-wrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 25px 20px 0 40px;
  font-size: 1em;
  border: 1px solid #a7a7a7;
  position: relative;
  min-height: 245px;
}

.billing-option-wrapper {
  position: relative;
  padding: 18px 20px 0 40px;
}
.payment-option-wrapper .payment-detail {
  min-height: 152px;
  padding: 0 0 16px;
  margin-left: 20px;
}
.payment-option-wrapper .payment-detail span {
  margin: 0;
  display: block;
  color: #4a4a4a;
  font-size: 0.875em;
}
.payment-option-list.current-subs {
  background: #fbfbfb;
  margin-bottom: 10px;
}

.payment-option-list.current-subs .payment-option-wrapper .payment-detail span {
  color: #9b9b9b;
}
#updateSubscription .payment-option-wrapper .payment-detail,
#form_resize .payment-option-wrapper .payment-detail,
#upgradeObjectChoose .payment-option-wrapper .payment-detail {
  min-height: 0;
  padding: 0;
  font-size: 13px;
}
#updateSubscription .payment-option-wrapper .payment-detail span {
  font-size: 13px;
}
#updateSubscription .payment-option-wrapper .payment-detail span.specs {
  font-weight: 600;
}
#updateSubscription .payment-option-wrapper .payment-detail {
  margin-left: 0;
}
#updateSubscription .payment-option-wrapper .payment-detail span.price,
#form_resize .payment-option-wrapper .payment-detail span.price {
  font-weight: 600;
  font-size: 16px;
  color: #4a4a4a;
}
#updateSubscription .payment-option-wrapper .payment-detail span.price-bigger {
  font-weight: 600;
  font-size: 24px;
  color: #4a4a4a;
}
span.price-smaller {
  font-size: 11px !important;
}
#updateSubscription .payment-option-wrapper .payment-choose,
#form_resize .payment-option-wrapper .payment-choose,
#upgradeObjectChoose .payment-option-wrapper .payment-choose {
  font-size: 11px !important;
  margin: 40px 10px 0;
  font-size: 1.125em;
  text-align: center;
  border: 1px solid #4a4a4a;
  border-radius: 3px;
  padding: 8px 0;
}
#updateSubscription .payment-option-wrapper,
#form_resize .payment-option-wrapper,
#upgradeObjectChoose .payment-option-wrapper {
  padding: 14px;
}
#updateSubscription .payment-option-wrapper {
  min-height: 0;
}

#updateSubscription .vm-radio:checked + .payment-option-wrapper {
  background-color: transparent;
  border-color: #4a4a4a;
}
.vm-radio:checked + .payment-option-wrapper .payment-choose {
  background-color: #db1936;
  color: #fff;
  border: 1px solid #db1936 !important;
}

#updateSubscription .payment-option-wrapper .payment-detail span + span {
  margin: 10px 0 0;
  color: #4a4a4a;
  display: inline-block;
  width: auto;
}

.payment-option-wrapper .payment-detail span + span {
  margin: 10px 0 0;
  display: inline-block;
  width: 48%;
}
.payment-option-wrapper .payment-choose {
  padding: 2px 0 16px 0;
  font-size: 1.125em;
  text-align: center;
}
#updateSubscription p.tax {
  font-size: 11px;
  color: #666;
  font-style: italic;
}
.payment-option-wrapper:hover {
  cursor: pointer;
}
.payment-option-wrapper .payment-detail span.total-text,
.payment-option-wrapper .payment-detail span.package-text {
  font-weight: 600;
}
.payment-option-wrapper .payment-detail span.package-text {
  font-size: 18px;
}
.payment-option-list.first {
  margin-right: 10px;
}
.payment-option-list.second {
  margin-left: 10px;
}
.vm-radio:checked + .payment-option-wrapper .payment-indicator::after {
  background: #db1936;
}
.vm-radio:checked + .payment-option-wrapper .payment-indicator {
  border-color: #db1936;
}

.vm-radio:checked + .billing-option-wrapper .payment-indicator::after {
  background: #db1936;
}
.vm-radio:checked + .billing-option-wrapper .payment-indicator + .text-price {
  font-weight: 600;
}
.vm-radio:checked + .billing-option-wrapper .payment-indicator {
  border-color: #db1936;
}

.payment-indicator {
  border-radius: 50%;
  border: 1px solid #9b9b9b;
  position: absolute;
  top: 17px;
  left: 11px;
  background: #fff;
  width: 20px !important;
  height: 20px;
  cursor: pointer;
}
.payment-indicator.billing-cycle {
  left: 0;
}

.payment-indicator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #fff;
  display: block;
  transform: translate(-50%, -50%);
}
.uploaded-img {
  display: block;
  margin: 7px 0 0;
  font-size: 0.8em;
}
.uploaded-img a {
  text-decoration: underline;
  color: #308cf8;
}
.catalog-header-info {
  margin: 0 0 26px;
}
.catalog-header-info p {
  margin: 0 0 7px 0;
  font-size: 0.8em;
  line-height: 1.25;
}
.catalog-header-info p a {
  text-decoration: underline;
  color: #308cf8;
}
.catalog-header-info.confirmation {
  margin-bottom: 0;
}
.confirmation-message {
  padding: 0 75px;
}
.confirmation-message img {
  max-height: 174px;
}
.domain-price-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: space-between;
  flex-direction: column;
  padding: 52px 0 0;
}
.domain-price-theme {
  margin: 0 0 36px;
  font-size: 0.8em;
}
.js-btn-domain {
  display: none;
}

.volume-option {
  display: inline-block;
}
.volume-option + .volume-option {
  margin-left: 20px;
}
.catalog-nameserver-list {
  padding: 0 0 0 30px;
}
.catalog-nameserver-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.catalog-nameserver-list ul li {
  margin: 0;
  font-size: 0.625em;
}
.catalog-nameserver-list ul li + li {
  margin: 10px 0 0;
}
.nameserver-contact-info-wrapper {
  margin: 25px 0 10px;
}
.nameserver-contact-info-list {
  font-size: 0.8em;
}
.nameserver-contact-info-list + .nameserver-contact-info-list {
  margin: 12px 0 0;
}
.nameserver-form-option {
  display: none;
}
.exist-nameserver-wrapper {
  margin: 18px 0 0;
}
.transfer-order-sparator {
  margin: 5px 0 10px;
  border-top: 1px solid #a7a7a7;
}
.domain-transfer-found {
  font-size: 0.8em;
  color: #535353;
}
.domain-transfer-found .btn {
  margin: 0 0 0 12px;
  font-size: 1em;
}
.domain-transfer-result-detail {
  display: none;
}
.domain-transfer-valid {
  padding: 0 0 0 20px;
}
.domain-transfer-valid img {
  margin: 0 20px 0 0;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.domain-transfer-valid .epp-code {
  padding: 0 0 0 40px;
}
@media screen and (max-width: 1440px) {
  .os-version {
    font-weight: normal;
  }
  .package-wrapper .package-price span {
    font-weight: normal;
  }
  .payment-container .payment-option {
    max-width: 1200px;
  }
  .package-wrapper.package-instance.plesk {
    height: 450px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 1366px) {
  .payment-container .payment-info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 204px;
    -ms-flex: 0 0 204px;
    flex: 0 0 204px;
    width: 204px;
  }
  .payment-container .payment-option {
    max-width: 960px;
  }
}
@media screen and (max-width: 1200px) {
  .payment-container .payment-info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 228px;
    -ms-flex: 0 0 228px;
    flex: 0 0 228px;
    width: 228px;
  }
  .payment-container .payment-option {
    max-width: 360px;
  }
}
.billing-status {
  padding: 20px 0 24px;
}
.billing-status .billing-status-label {
  font-size: 14px;
  color: #373d4c;
  font-weight: 600;
  text-transform: uppercase;
}
.billing-status .billing-status-usage,
.billing-status .billing-topup {
  margin: 3px 0;
  font-size: 1.125em;
}
.billing-status .billing-topup .left-rectangle,
.billing-status .billing-topup .right-rectangle {
  display: inline-block;
}
.left-rectangle {
  width: 39px;
  text-align: center;
  background: #db1936;
  padding: 10px 0;
  color: #fff;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.right-rectangle {
  width: 120px;
  background-color: #1e1e21;
  padding: 10px 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  margin-left: -5px;
}
span.billing-topup.button-text {
  color: #fff;
  font-size: 12px;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
.billing-status .billing-status-usage .price {
  color: #db1936;
}
.billing-status .billing-status-usage .btn {
  height: 24px;
}
.billing-status .billing-status-usage .btn.btn-icon {
  padding: 0;
}
.billing-status .billing-status-usage .btn.btn-icon img {
  max-height: 24px;
}
.billing-status .billing-status-expire {
  margin: 3px 0;
  font-size: 11px;
  color: #9b9b9b;
}
.billing-status .billing-topup {
  margin-top: 10px !important;
}
.billing-menu-wrapper,
.catalog-me {
  position: fixed;
  width: inherit;
}
.ticket-support {
  padding: 10px 0;
}
.ticket-support a {
  position: relative;
}
.ticket-support a span {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -73px;
  right: -18px;
  padding: 6px 0;
  font-size: 1.125em;
  text-align: center;
  color: #ffffff;
  background-color: #f63512;
}
.ticket-support-wrapper {
  border-top-style: dashed;
  border-top-color: #9b9b9b;
  border-top-width: 1px;
  text-align: center;
  padding: 30px 0;
}
.btn.btn-ticket {
  background-color: #1e1e21;
  padding: 40px 0;
  width: 100%;
  height: auto;
  line-height: 0;
}
/*.billing-menu {
  border-top: 1px solid #A7A7A7; }*/

.billing-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.billing-menu ul li {
  float: left;
}
.billing-menu ul li a {
  padding: 8px 0px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.billing-menu ul li + li {
  margin-left: 30px;
}
.billing-menu ul li a.active {
  border-bottom: 3px solid #db1936;
  font-weight: 600;
}
.billing-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 580px;
}
.billing-wrapper {
  padding: 28px 0;
}
.billing-wrapper img {
  max-width: 100%;
}
.payment-method-wrapper {
  width: 100%;
}
.method-grid {
  padding: 4px 8px 24px;
  color: #535353;
  border: 1px solid #a7a7a7;
  background-color: #ffffff;
}
.method-grid .method-title {
  margin: 0 0 14px;
  font-size: 0.875em;
}
.method-grid .method-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 160px;
}
.method-grid .method-info .method-image {
  /*-webkit-flex-basis: 122px;*/
  /*-ms-flex-preferred-size: 122px;*/
  /*flex-basis: 122px;*/
  /*width: 122px;*/

  padding: 4px 0 0;
}
.method-grid .method-info .method-detail {
  margin: 0 0 0 18px;
}
.method-grid .method-info .method-detail .method-label {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
  margin: 0 0 6px;
  font-size: 0.75em;
}
.method-grid .method-info .method-detail .balance {
  font-size: 1em;
  color: #db1936;
}
.method-grid .method-info .method-detail .card-number,
.method-grid .method-info .method-detail .expire-date {
  font-size: 0.75em;
}
.method-grid .method-info .method-detail .card-number {
  margin: 0 0 6px;
  font-weight: 600;
}
.method-grid .method-info .method-detail.top {
  align-content: flex-start;
}
.method-grid .method-info .method-detail.bottom {
  align-content: flex-end;
}
.method-grid .method-info .method-add {
  padding: 4px 0 0;
}
.method-grid .method-info .method-add img {
  max-height: 72px;
}
.method-grid .method-info .method-add.cc-method {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.method-grid .method-info.method-center {
  justify-content: center;
}
.billing-navigation {
  padding: 40px 75px;
}
.voucher-detail {
  display: none;
  margin: 60px 0 0 0;
}
.promotion-wrapper {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px 0;
  border: 1px solid #a7a7a7;
  background-color: #efefef;
  overflow: hidden;
}
.promotion-wrapper img {
  width: 100%;
  margin: 0 0 -5px;
}
.promotion-wrapper .promotion-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 134px;
  display: block;
  padding: 9px 14px;
  font-size: 0.875em;
  font-weight: 600;
}
.order-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.order-info .order-label,
.order-info .order-value {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  color: #535353;
}
.order-info .order-label {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #a7a7a7;
}
.order-info .order-value {
  padding: 20px 0 0 0;
  font-size: 1.17em;
}
.account-info {
  padding: 10px 20px 15px;
}
.account-info .account-label {
  font-size: 0.8em;
}
.account-info .account-value {
  margin: 5px 0 0 0;
  font-size: 1.17em;
  color: #535353;
}
.account-info + .account-info {
  border-top: 1px solid #dedede;
}
.cc-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
.cc-form.bottom {
  border-bottom: 1px solid #dedede;
}
.cc-form.right {
  border-right: 1px solid #dedede;
}
.page-sub-title {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 11px;
  position: relative;
}
.page-sub-title span {
  border-bottom: 3px solid #db1936;
  padding: 8px 0;
  margin: 0 20px;
}
@media screen and (max-width: 1440px) {
  .promotion-wrapper .promotion-info {
    height: 88px;
  }
}
@media screen and (max-width: 1366px) {
  .promotion-wrapper .promotion-info {
    height: 82px;
  }
}
@media screen and (max-width: 1200px) {
  .promotion-wrapper .promotion-info {
    height: 92px;
  }
}
.header-vm-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 60px);
  height: 36px;
  position: fixed;
  top: 52px;
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #c6c6c6;
}
.header-vm-detail .vm-detail-title,
.header-vm-detail .vm-detail-space,
.header-vm-detail .header-network-detail .network-detail-title,
.header-network-detail .header-vm-detail .network-detail-title,
.header-vm-detail .header-network-detail .network-detail-space,
.header-network-detail .header-vm-detail .network-detail-space,
.header-vm-detail .header-domain-detail .domain-detail-title,
.header-domain-detail .header-vm-detail .domain-detail-title,
.header-vm-detail .header-domain-detail .domain-detail-space,
.header-domain-detail .header-vm-detail .domain-detail-space,
.header-vm-detail .header-volume-detail .volume-detail-title,
.header-volume-detail .header-vm-detail .volume-detail-title,
.header-vm-detail .header-volume-detail .volume-detail-space,
.header-volume-detail .header-vm-detail .volume-detail-space,
.header-vm-detail .header-object-storage .object-storage-title,
.header-object-storage .header-vm-detail .object-storage-title,
.header-vm-detail .header-object-storage .object-storage-space,
.header-object-storage .header-vm-detail .object-storage-space {
  font-size: 0.8em;
  line-height: 1;
  color: #535353;
}
.vm-detail-content,
.other-services-content {
  padding: 0;
  background-color: #fff;
}
.vm-detail-menu {
  position: fixed;
  width: inherit;
}
.vm-detail-menu ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 15px 12px 17px;
  font-size: 0.8em;
  line-height: 1;
}
.content-vm-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.vm-config-menu {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  width: 220px;
  height: inherit;
  background-color: #f9f9f9;
}
.vm-config-menu ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  position: fixed;
  z-index: 1;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  border-right: 1px solid #a7a7a7;
  border-left: 1px solid #a7a7a7;
}
.vm-config-menu ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 20px;
  font-size: 0.8em;
  line-height: 1;
}
.vm-config-menu ul li a.active {
  color: #ffffff;
  background-color: #b7b7b7;
}
.vm-detail-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 540px;
}
.vm-detail-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 28px 30px;
}
.vm-detail-wrapper img {
  max-width: 100%;
}
.vm-detail-status {
  display: block;
  margin: 0;
  padding: 6px 14px;
  width: 100%;
  font-size: 0.8em;
}
.vm-detail-status.red {
  color: #db1936;
}
.vm-detail-status.orange {
  color: #faa821;
}
.vm-detail-status.green {
  color: #00be84;
}
.delete-security {
  display: block;
  vertical-align: middle;
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0;
}
.access-vm-wrapper {
  padding: 0;
  font-size: 13px;
}
.vm-control {
  margin: 0;
}
.vm-control .btn:disabled span:before {
  color: #73736f;
}
.vm-control .btn + .btn {
  margin: 0 0 0 5px;
}
.vm-control .play span:before,
.vm-control .btn.play:hover span:before {
  color: #27ad79;
}
.vm-control .pause span:before,
.vm-control .btn.pause:hover span:before {
  color: #eea232;
}
.vm-control .restart span:before,
.vm-control .btn.restart:hover span:before {
  color: #4f79af;
}
.vm-control .shutdown span:before,
.vm-control .btn.shutdown:hover span:before {
  color: #c82438;
}
.vm-control .rebuild span:before,
.vm-control .btn.rebuild:hover span:before {
  color: #a32436;
}
.control-icon {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.control-icon.control-start {
  width: 21px;
  height: 24px;
  background-image: url("../icons/control-start.svg");
}
.control-icon.control-pause {
  width: 21px;
  height: 24px;
  background-image: url("../icons/control-pause.svg");
}
.control-icon.control-reload {
  width: 24px;
  height: 24px;
  background-image: url("../icons/control-reload.svg");
}
.control-icon.control-off {
  width: 21px;
  height: 24px;
  background-image: url("../icons/control-off.svg");
}
.control-icon.control-setting {
  width: 24px;
  height: 24px;
  background-image: url("../icons/control-setting.svg");
}
.header-network-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 60px);
  height: 36px;
  position: fixed;
  top: 52px;
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #c6c6c6;
}
.header-network-detail .header-vm-detail .vm-detail-title,
.header-vm-detail .header-network-detail .vm-detail-title,
.header-network-detail .header-vm-detail .vm-detail-space,
.header-vm-detail .header-network-detail .vm-detail-space,
.header-network-detail .network-detail-title,
.header-network-detail .network-detail-space,
.header-network-detail .header-domain-detail .domain-detail-title,
.header-domain-detail .header-network-detail .domain-detail-title,
.header-network-detail .header-domain-detail .domain-detail-space,
.header-domain-detail .header-network-detail .domain-detail-space,
.header-network-detail .header-volume-detail .volume-detail-title,
.header-volume-detail .header-network-detail .volume-detail-title,
.header-network-detail .header-volume-detail .volume-detail-space,
.header-volume-detail .header-network-detail .volume-detail-space,
.header-network-detail .header-object-storage .object-storage-title,
.header-object-storage .header-network-detail .object-storage-title,
.header-network-detail .header-object-storage .object-storage-space,
.header-object-storage .header-network-detail .object-storage-space {
  font-size: 0.8em;
  line-height: 1;
  color: #535353;
}
.network-detail-content {
  padding: 0;
}
.network-detail-title .btn + .btn {
  margin-left: 10px;
}
.network-detail-menu {
  position: fixed;
  width: inherit;
}
.network-detail-menu ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 15px 12px 17px;
  font-size: 0.8em;
  line-height: 1;
}
.network-detail-menu ul li a.active {
  color: #ffffff;
  background-color: #b7b7b7;
}
.network-detail-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 540px;
}
.network-info {
  margin: -15px 0 30px 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400 !important;
  color: #4a4a4a;
}
.network-info .value {
  font-weight: 600 !important;
}
.network-info .grids + .grids {
  margin-top: 10px;
}
.content-network-detail {
  height: calc(100% - 36px);
}
.network-detail-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px 30px;
}
.network-detail-wrapper img {
  max-width: 100%;
}
.network-detail-bar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  z-index: 1;
  width: calc(100% - 355px);
  padding: 3px 12px 2px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #a7a7a7;
}
.network-detail-title {
  margin: 4px 0;
  color: #535353;
}
.network-detail-page-title {
  width: 100%;
}
.network-detail-page-title.network {
  max-width: 580px;
  border-bottom: 1px solid #a7a7a7;
}
.network-detail-page-title.router {
  max-width: 580px;
  border-bottom: 1px solid #a7a7a7;
}
.network-detail-page-title.public-ip {
  max-width: 710px;
}
.network-detail-page-title.security {
  max-width: 580px;
}
.network-detail-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.network-detail-sidebar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  width: 220px;
  height: inherit;
}
.network-detail-sidebar ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  position: fixed;
  z-index: 1;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  border-right: 1px solid #a7a7a7;
}
.network-detail-sidebar ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 12px 11px;
  font-size: 0.8em;
  line-height: 1;
}
.network-detail-sidebar ul li a.active {
  color: #ffffff;
  background-color: #b7b7b7;
}
.edit-detail-network-icon {
  margin: 0 0 0 30px;
}
.edit-detail-network-icon img {
  height: 15px;
}
.router-detail {
  margin: 16px 0;
  width: 100%;
  max-width: 580px;
}
.router-specification {
  margin: 20px 0;
}
.router-specification .router-info {
  font-size: 12px;
}
.router-specification .router-info + .router-info {
  margin: 10px 0 0;
}
.router-specification .router-info .key {
  font-size: 13px;
  font-weight: 600;
}
.header-domain-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 60px);
  height: 36px;
  position: fixed;
  top: 52px;
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #c6c6c6;
}
.header-domain-detail .header-vm-detail .vm-detail-title,
.header-vm-detail .header-domain-detail .vm-detail-title,
.header-domain-detail .header-vm-detail .vm-detail-space,
.header-vm-detail .header-domain-detail .vm-detail-space,
.header-domain-detail .header-network-detail .network-detail-title,
.header-network-detail .header-domain-detail .network-detail-title,
.header-domain-detail .header-network-detail .network-detail-space,
.header-network-detail .header-domain-detail .network-detail-space,
.header-domain-detail .domain-detail-title,
.header-domain-detail .domain-detail-space,
.header-domain-detail .header-volume-detail .volume-detail-title,
.header-volume-detail .header-domain-detail .volume-detail-title,
.header-domain-detail .header-volume-detail .volume-detail-space,
.header-volume-detail .header-domain-detail .volume-detail-space,
.header-domain-detail .header-object-storage .object-storage-title,
.header-object-storage .header-domain-detail .object-storage-title,
.header-domain-detail .header-object-storage .object-storage-space,
.header-object-storage .header-domain-detail .object-storage-space {
  font-size: 0.8em;
  line-height: 1;
  color: #535353;
}
.domain-detail-content {
  padding: 0;
  background-color: #f9f9f9;
}
.domain-detail-menu {
  position: fixed;
  width: inherit;
}
.domain-detail-menu ul li {
  border-bottom: 1px solid #a7a7a7;
}
.domain-detail-menu ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 15px 12px 17px;
  font-size: 0.8em;
  line-height: 1;
}
.domain-detail-menu ul li a.active {
  color: #ffffff;
  background-color: #b7b7b7;
}
.domain-detail-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 540px;
}
.content-domain-detail {
  height: calc(100% - 43px);
}
.domain-detail-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px 30px 60px;
}
.domain-detail-wrapper img {
  max-width: 100%;
}
.domain-tabs {
  margin: 20px 0 0;
}
.domain-control {
  margin: 0 0 0 20px;
}
.contact-information-wrapper {
  margin: 50px 0 0;
}
.dns-manager-wrapper {
  margin: 0 0 60px;
  width: 100%;
}
.dns-record-expand {
  display: none;
  margin: 10px 0 0;
}
.header-volume-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 60px);
  height: 36px;
  position: fixed;
  top: 52px;
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #c6c6c6;
}
.header-volume-detail .header-vm-detail .vm-detail-title,
.header-vm-detail .header-volume-detail .vm-detail-title,
.header-volume-detail .header-vm-detail .vm-detail-space,
.header-vm-detail .header-volume-detail .vm-detail-space,
.header-volume-detail .header-network-detail .network-detail-title,
.header-network-detail .header-volume-detail .network-detail-title,
.header-volume-detail .header-network-detail .network-detail-space,
.header-network-detail .header-volume-detail .network-detail-space,
.header-volume-detail .header-domain-detail .domain-detail-title,
.header-domain-detail .header-volume-detail .domain-detail-title,
.header-volume-detail .header-domain-detail .domain-detail-space,
.header-domain-detail .header-volume-detail .domain-detail-space,
.header-volume-detail .volume-detail-title,
.header-volume-detail .volume-detail-space,
.header-volume-detail .header-object-storage .object-storage-title,
.header-object-storage .header-volume-detail .object-storage-title,
.header-volume-detail .header-object-storage .object-storage-space,
.header-object-storage .header-volume-detail .object-storage-space {
  font-size: 0.8em;
  line-height: 1;
  color: #535353;
}
.volume-detail-content {
  padding: 0;
  background-color: #fff;
}
.volume-detail-title,
.vm-detail-title {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  color: #4a4a4a;
}
.form-control.volume-detail-title:disabled,
.form-control.volume-detail:disabled,
.form-control.vm-detail-title:disabled,
.form-control.vm-detail {
  background: transparent;
  height: auto;
  box-shadow: none;
  border: none;
  padding: 0;
  width: 100%;
}
span.status-volume-detail {
  font-weight: 600;
  text-transform: uppercase;
}
.btn-delete-volume {
  height: 35px;
  min-width: 110px !important;
}
.volume-detail-info,
.vm-detail-info {
  margin: 10px 0 30px;
}
.volume-detail-info .form-group + .form-group {
  margin: 10px 0 0;
}
.overview-volume-index,
.overview-volume-subindex,
.overview-volume-content {
  padding: 19px 21px !important;
}
.overview-volume-index,
.overview-volume-noindex {
  border: 1px solid #9b9b9b;
}
.overview-volume-subindex {
  border-top: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
}
.overview-volume-content {
  border-right: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
}
.overview-volume-subindex > .grids [class^="grid-2"],
.overview-volume-content > .grids [class^="grid-2"] {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  width: 20%;
}
.overview-title {
  font-size: 14px;
  font-weight: 600;
}
.b-l {
  border-left: 1px solid #9b9b9b;
}
.overview-subtitle {
  font-size: 12px;
  font-weight: 700;
}
.overview-content {
  font-size: 12px;
  word-break: break-all;
  padding-right: 20px;
}
.overview-volume-index.header {
  border-top: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
  padding: 19px 21px;
}
.volume-detail-menu {
  position: fixed;
  width: inherit;
}
.volume-detail-menu ul li a,
.vm-detail-menu ul li a,
.object-storage-menu ul li a,
.other-services-menu ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 18px 0 17px;
  font-size: 14px;
  line-height: 1;
  border-bottom: 1px solid #ccc;
}
.volume-detail-menu ul li a.active,
.vm-detail-menu ul li a.active,
.object-storage-menu ul li a.active,
.other-services-menu ul li a.active,
.volume-detail-menu ul li a.active:hover,
.vm-detail-menu ul li a.active:hover,
.object-storage-menu ul li a.active:hover,
.other-services-menu ul li a.active:hover {
  font-weight: 600;
  border-bottom: 3px solid #db1936;
}
.volume-detail-menu ul li a:hover,
.vm-detail-menu ul li a:hover,
.object-storage-menu ul li a:hover,
.other-services-menu ul li a:hover {
  border-bottom: 1px solid #db1936;
}
.volume-detail-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 540px;
}
.content-volume-detail,
.content-vm-detail {
  display: block;
}
.volume-config-menu {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  width: 220px;
  height: inherit;
  background-color: #fff;
}
.volume-config-menu ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  position: fixed;
  z-index: 1;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  border-right: 1px solid #a7a7a7;
  border-left: 1px solid #a7a7a7;
}
.volume-config-menu ul li + li {
  margin: 15px 0 0;
}
.volume-config-menu ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 12px 11px;
  font-size: 0.8em;
  line-height: 1;
}
.volume-config-menu ul li a.active {
  color: #ffffff;
  background-color: #b7b7b7;
}
.volume-detail-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
}
.volume-detail-wrapper img {
  max-width: 100%;
}
.volume-config-panel,
.vm-config-panel {
  position: relative;
  border-bottom: 1px solid #ccc;
  height: 66px;
  margin: 0 30px;
}
.volume-config-panel ul,
.vm-config-panel ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.volume-config-panel ul li,
.vm-config-panel ul li {
  display: inline-block;
}
.volume-config-panel ul li a,
.vm-config-panel ul li a {
  font-size: 13px;
  color: #4a4a4a;
  display: inline-block;
  padding: 8px 0;
}
.volume-config-panel ul li a:hover,
.vm-config-panel ul li a:hover {
  border-bottom: 3px solid #db1936;
}
.volume-config-panel ul li a.active,
.vm-config-panel ul li a.active {
  border-bottom: 3px solid #db1936;
  font-weight: 600;
}
.volume-config-panel ul li:not(:first-child) {
  padding: 30px;
}
.vm-config-panel ul li {
  padding: 30px 30px 30px 0;
}
.volume-config-panel ul > li:last-child {
  padding: 0;
}

.header-object-storage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 60px);
  height: 36px;
  position: fixed;
  top: 52px;
  z-index: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #c6c6c6;
}
.header-object-storage .header-vm-detail .vm-detail-title,
.header-vm-detail .header-object-storage .vm-detail-title,
.header-object-storage .header-vm-detail .vm-detail-space,
.header-vm-detail .header-object-storage .vm-detail-space,
.header-object-storage .header-network-detail .network-detail-title,
.header-network-detail .header-object-storage .network-detail-title,
.header-object-storage .header-network-detail .network-detail-space,
.header-network-detail .header-object-storage .network-detail-space,
.header-object-storage .header-domain-detail .domain-detail-title,
.header-domain-detail .header-object-storage .domain-detail-title,
.header-object-storage .header-domain-detail .domain-detail-space,
.header-domain-detail .header-object-storage .domain-detail-space,
.header-object-storage .header-volume-detail .volume-detail-title,
.header-volume-detail .header-object-storage .volume-detail-title,
.header-object-storage .header-volume-detail .volume-detail-space,
.header-volume-detail .header-object-storage .volume-detail-space,
.header-object-storage .object-storage-title,
.header-object-storage .object-storage-space {
  font-size: 0.8em;
  line-height: 1;
  color: #535353;
}
.object-storage-content {
  padding: 0;
  background-color: #fff;
}
.object-storage-menu {
  position: fixed;
  width: inherit;
}
.object-storage-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 540px;
}
.content-object-storage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.object-config-menu {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 220px;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  width: 220px;
  height: inherit;
}
.object-config-menu ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: inherit;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  border-right: 1px solid #a7a7a7;
  border-left: 1px solid #a7a7a7;
}
.object-config-menu ul li + li {
  margin: 15px 0 0;
}
.object-config-menu ul li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 10px 20px 11px;
  font-size: 0.8em;
  line-height: 1;
}
.object-config-menu ul li a.active {
  color: #ffffff;
  background-color: #b7b7b7;
}
.object-storage-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  margin: 0 15px 0 0;
}
.object-storage-wrapper img {
  max-width: 100%;
}
.object-storage-wrapper-form + .object-storage-wrapper-form {
  margin: 35px 0 16px;
}
.object-storage-name {
  margin: 0 30px 0 0;
  font-size: 0.8em;
}

.object-storage-name.bucket {
  margin: 0 15px 0 0;
}
ul.object-storage-breadcrumb {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.object-storage-breadcrumb > li {
  padding: 0 5px;
}
ul.object-storage-breadcrumb > li:not(:first-child) {
  display: inline-block;
  margin-right: 10px;
}

ul.object-storage-breadcrumb > li:not(:last-child) > a,
a span.object-storage-name {
  color: #308cf8;
}

ul.object-storage-breadcrumb > li:last-child > a {
  color: #555;
}
ul.object-storage-breadcrumb > li > a {
  font-size: 14px;
}
.object-storage-name.bucket {
  font-weight: 600;
  font-size: 14px;
}
.bucket-select {
  margin: 0 15px 0 0;
  width: 215px;
}
.object-storage-collapse-wrapper {
  display: none;
  margin: 10px 0;
}

.object-storage-collapse-wrapper .detail-table {
  border: none !important;
}
.enable-public-url-wrapper {
  margin: 20px 0 0;
}
.secure-url-wrapper {
  margin: 10px 20px 0;
}
.object-storage-info {
  color: #4a4a4a;
  font-size: 13px;
}
.excerpt {
  margin: 8px 0;
}

span.popup-excerpt {
  font-style: italic;
}

.object-storage-table.data thead tr th {
  font-weight: 600;
}
.object-storage-endpoint.data {
  width: 100%;
  border: 0.5px solid #cccccc;
  font-size: 12px;
  color: #555;
  margin: 10px 0;
}
.object-storage-endpoint.data tr td {
  border-bottom: 0.5px solid #cccccc;
  padding: 14px 20px 10px;
}
.object-storage-endpoint.data tr:last-child td {
  border: none;
}
.object-storage-endpoint-head {
  margin-bottom: 5px;
  font-weight: bold;
}
label.object-storage-upgrade {
  font-weight: 600;
  margin: 0 0 10px 0;
}
.object-storage-info span {
  display: inline-block;
  font-weight: 600;
}
.object-storage-info span + span {
  margin: 12px 0 0;
}
.object-storage.button-wrapper {
  height: 70px;
}
.object-storage-status {
  margin: 0 0 16px;
}
.object-storage-status .excerpt {
  display: inline-block;
  margin: 0 20px 0 0;
  font-size: 12px;
}
.object-storage-status .excerpt span {
  font-weight: 600;
}
.storage-access-wrapper {
  margin: 0;
}
.multiple-upload-wrapper {
  padding: 0;
}
.multiple-upload-inner {
  padding: 50px 0 0;
  text-align: center;
  border: 0.5px solid #cccccc;
  border-radius: 3px;
  margin: 25px 0;
}
label[for="multi-upload"] {
  display: inline-block;
  cursor: pointer;
}
.multiple-upload-browse {
  padding: 24px 0 28px;
  background-color: #f7f7f7;
  margin: 24px 1px 0;
  border-top: 1px dashed #ccc;
  font-size: 13px;
}
.multiple-file-outter {
  text-align: left;
  padding: 20px;
  margin-top: -48px;
  overflow-y: auto;
  max-height: 200px;
}
.multi-file-list {
  position: relative;
  padding: 8px 0;
  font-size: 12px;
  border-bottom: 3px solid #eeeeee;
}
.multi-file-list .file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 60%;
  display: inline-block;
}
.multi-file-list .file-size {
  display: inline-block;
  vertical-align: top;
}
.multi-file-list + .multi-file-list {
  margin: 5px 0 0;
}
.multi-file-remove {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}
.multi-file-remove:hover {
  cursor: pointer;
}
.object-storage-th-space {
  display: inline-block;
  width: 35px;
}
/*
* Datatable custom
*/

.dataTables_length {
  float: none !important;
}
.dataTables_filter {
  float: none !important;
}
.dataTables_wrapper input,
.dataTables_wrapper select {
  margin-left: 0 !important;
  height: 35px;
  font-size: 13px !important;
}
#infrastructure_wrapper a {
  word-break: break-all;
  padding-right: 20px;
}
table.dataTable thead .sorting_asc {
  position: relative;
  background-image: none !important;
}
table.dataTable thead .sorting_asc:before {
  content: "\f0d8";
  /* this is your text. You can also use UTF-8 character codes as I do here */

  font-family: FontAwesome;
  left: 5px;
  position: absolute;
  top: 17px;
  color: #308cf8;
}
table.dataTable thead .sorting_desc {
  position: relative;
  background-image: none !important;
}
table.dataTable thead .sorting_desc:before {
  content: "\f0d7";
  /* this is your text. You can also use UTF-8 character codes as I do here */

  font-family: FontAwesome;
  left: 5px;
  position: absolute;
  top: 23px;
  color: #308cf8;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: 600 !important;
  color: #4a4a4a !important;
  padding-left: 20px !important;
}
.dataTables_wrapper .right-margin {
  margin-right: 10px !important;
  padding: 8px 0;
}
.dataTables_wrapper .dataTables_filter {
  position: relative;
}
.search {
  position: absolute;
  top: 11px;
  right: 11px;
  font-size: 15px !important;
  color: #4a4a4a;
}
.dataTables_wrapper .dataTables_info {
  font-size: 12px;
  color: #9b9b9b !important;
  font-style: italic;
}
.dataTables_wrapper label {
  padding: 0;
}
.dataTables_filter input[type="search"]::-webkit-search-decoration,
.dataTables_filter input[type="search"]::-webkit-search-cancel-button,
.dataTables_filter input[type="search"]::-webkit-search-results-button,
.dataTables_filter input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
table.dataTable thead th {
  border-bottom: none !important;
}
table.dataTable.no-footer {
  border-bottom: none !important;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-position: center left !important;
}
.paginate_button {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  padding: 8px 0 !important;
  height: 30px !important;
  letter-spacing: 0.05em !important;
  font-size: 12px !important;
  color: #ffffff !important;
  border: 0 !important;
  background-color: #308cf8;
  width: 80px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  background-color: #cccccc !important;
  color: #ffffff !important;
}
.next.disabled {
  background-color: #cccccc !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #308cf8 !important;
}
#block-storage-activity-log tbody tr td {
  border-bottom: 1px solid #ccc;
}
table#block-storage-activity-log.no-footer {
  border-bottom: transparent !important;
}

.activity-log-wrapper {
  margin: 20px 0;
}

.activity-log-wrapper p {
  font-size: 13px;
}

/*
* Notify js custom
*/

.notifyjs-bootstrap-base {
  font-weight: 600 !important;
  padding-left: 10px !important;
  border: 0 !important;
  font-size: 13px !important;
  font-family: "Open Sans", sans-serif !important;
}
.notifyjs-bootstrap-error:before {
  font: normal normal normal 14px/1 FontAwesome !important;
  content: "\f00d";
}
.notifyjs-bootstrap-success:before {
  font: normal normal normal 14px/1 FontAwesome !important;
  content: "\f00c";
}
.notifyjs-bootstrap-info:before {
  font: normal normal normal 14px/1 FontAwesome !important;
  content: "\f129";
}
.notifyjs-bootstrap-warn:before {
  font: normal normal normal 14px/1 FontAwesome !important;
  content: "\f071";
}
.notifyjs-corner {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
[data-notify-text] {
  margin: 0 10px;
}
/*
* registration form
*/

span.form-error {
  float: right;
  font-size: 11px;
  text-align: right;
}
span.form-success {
  font-size: 11px;
  text-align: right;
}
span.verification-code {
  margin-right: 10px;
}
input.verification-code {
  padding: 5px !important;
  border: 0.5px solid #ddd !important;
  width: 50px !important;
  height: 50px !important;
  text-align: center !important;
  font-size: 30px !important;
}
.verification-code + .verification-code {
  margin-left: 9px;
}
div > .clear {
  margin: 37px 0;
}
.signup-form .form-control {
  color: #555555;
}
.signup-form .form-control::placeholder {
  color: #9b9b9b;
}
.signin-form .form-control {
  color: #555555;
}
.signin-form .form-control::placeholder {
  color: #9b9b9b;
}
.signup-form .clear {
  margin: 24px 0;
}
.video-container {
  /*width: 100%!important;*/

  height: 0;
  padding-bottom: 56%;
  position: relative;
  border: 0.5px solid #9b9b9b;
}
.video {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
/* Step css Custom */

.step-outter.active > .step-circle,
.step-outter-4.active > .step-circle,
.step-outter-5.active > .step-circle,
.step-outter-6.active > .step-circle,
.step-outter-3.active > .step-circle {
  background: #db1936;
  color: #fff;
}
.step-outter.active > .step-text,
.step-outter-4.active > .step-text,
.step-outter-5.active > .step-text,
.step-outter-6.active > .step-text,
.step-outter-3.active > .step-text {
  color: #4a4a4a;
}
.step-outter {
  position: relative;
  width: calc(100% / 7);
}
.step-outter-6 {
  position: relative;
  width: calc(100% / 6);
}
.step-outter-5 {
  position: relative;
  width: calc(100% / 5);
}
.step-outter-4 {
  position: relative;
  width: calc(100% / 4);
}
.step-outter-3 {
  position: relative;
  width: calc(100% / 3);
}
.step-circle {
  position: absolute;
  width: 25px;
  height: 25px;
  display: block;
  background: #cccccc;
  top: 25px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  text-align: center;
  z-index: 1;
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
}
.step-circle.active {
  background: #db1936;
  color: #fff;
}
.step-progress.first,
.step-progress.last {
  left: 50%;
  width: 50%;
}
.step-progress.last {
  left: 0;
}
.step-progress {
  position: relative;
  width: 100%;
  height: 1px;
  background: #cccccc;
  margin: 22px 0;
}
.step-progress-bar {
  background: #fbe8aa;
}
.step-text {
  width: 80px;
  margin: 0 auto;
  text-align: center;
  color: #9b9b9b;
  font-size: 12px;
}
/*
* billing
*/

.billing {
  position: relative;
}
.method-grid {
  border: none;
}
.method-grid .method-info .method-image {
  position: relative;
  height: 160px;
  min-width: 270px;
  border-radius: 8px;
  background: radial-gradient(circle, #7e7e7e 0%, #3d3d3d 100%);
}
.method-grid .method-info .method-image .pin {
  position: absolute;
  top: 35px;
  left: 20px;
}
.method-grid .method-info .method-image .type {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ffffff;
  font-size: 14px;
}
.method-grid .method-info .method-image .value {
  position: absolute;
  top: 80px;
  left: 20px;
  color: #ffffff;
  font-size: 18px;
}
.method-grid .method-info .method-image .master-card {
  position: absolute;
  bottom: 17px;
  right: 20px;
}
.method-grid .method-info .method-image .add {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#createKeyPair p,
#importKeyPair p,
#deleteKeyPairs p {
  font-size: 11px;
}
#importKeyPair code {
  background-color: #eeeeee;
  padding: 10px 15px;
  display: block;
}
/* Volume custom css */

label[for*="volume-detail-"] {
  color: #555555;
  font-size: 13px;
}
.fa-times-thin:before {
  content: "\00d7";
}
/* Catalog Network Table */

.catalog-table.data thead tr th {
  border-bottom: none;
}
.catalog-table.data tbody tr td,
.catalog-table.data thead tr th {
  padding: 0;
  width: 810px;
  height: 50px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */

  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
/* Media Queries for responsive */

@media only screen and (min-width: 768px) {
  /* tablets and desktop */
}
@media only screen and (max-width: 767px) {
  /* phones */

  html,
  body {
    height: 100% !important;
    overflow-x: hidden !important;
  }
  body {
    position: relative;
  }
  .user-section .user-header .header-wrapper {
    justify-content: center;
  }
  .form-wrapper.signup-form,
  .form-wrapper.signin-form {
    padding: 20px;
    margin: 0 auto;
    max-width: 90%;
  }
  .user-section .user-content .user-title.title-signup,
  .user-section .user-content .user-title.title-signin {
    font-size: 18px;
    text-align: center;
  }
  .form-wrapper.signup-form form {
    max-width: 300px;
    margin: 0 auto;
  }
  .form-wrapper.signup-form form > .form-group + .form-group {
    margin-top: 25px;
  }
  .user-section .user-content.register-user {
    bottom: 3%;
  }
  input.verification-code {
    width: 25px !important;
    height: 25px !important;
    text-align: center !important;
    font-size: 20px !important;
  }
  #maintenance .header-wrapper .logo-left {
    padding: 0 0 0 15px;
  }
  #maintenance .header-wrapper .logo-right {
    margin: 0 15px 0 0;
  }
  .maintenance_wrapper img {
    height: 145px;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  /* portrait phones */
}
.form-configure-vm {
  max-width: 550px;
}
.package-wrapper.package-instance {
  padding: 0 50px;
  text-align: left;
}
.package-wrapper.package-instance .package-price {
  padding: 14px 0;
  position: relative;
}

.package-wrapper.package-instance.plesk {
  height: 320px;
  overflow-y: hidden;
}

.package-wrapper.package-instance.globalsign {
  height: 200px;
}

.package-wrapper.package-instance .package-price::before {
  content: "";
  position: absolute;
  background-color: #9b9b9b;
  height: 1px;
  bottom: 0;
  left: -51px;
  width: calc(100% + 101px);
}

.package-wrapper.package-instance .package-specification {
  border-bottom: 0;
  padding-bottom: 29px;
}
.package-wrapper.package-instance .package-name {
  margin: 0;
  padding: 15px 0 10px;
}
.package-wrapper.package-instance .package-price .hourly,
.package-wrapper.package-instance .package-price .monthly {
  color: #4a4a4a;
  font-weight: 400;
}
.package-wrapper.package-instance .package-price .hourly.rp,
.package-wrapper.package-instance .package-price .monthly.rp {
  font-size: 10px;
  line-height: 14px;
  vertical-align: top;
}
.package-wrapper.package-instance .package-price .hourly.number,
.package-wrapper.package-instance .package-price .monthly.number {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
}
.package-wrapper.package-instance .package-price .hourly.desc,
.package-wrapper.package-instance .package-price .monthly.desc {
  font-size: 10px;
  line-height: 14px;
  vertical-align: bottom;
}
.package-wrapper.package-instance .package-price .price-monthly {
  font-weight: 400;
  line-height: 21px;
}
/* Block storage upgrade volume */

.form-counter-plus-minus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
.form-counter-plus-minus a {
  cursor: pointer;
}
.form-counter-plus-minus input {
  width: calc(100% - 64px);
}
.form-control.count {
  height: 31px;
  padding: 0;
  color: #3081f8;
  text-align: center;
  border: 0;
}
.btn-custom {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 8px;
  height: 32px;
  font-size: 0.875em;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #3081f8;
  border: 1px solid #3081f8;
}
.btn-custom.btn-counter {
  width: 32px;
  height: 31px;
  color: #535353;
  background-color: transparent;
  border: 0;
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;
}
#upgrade-volume-summary {
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-align: right;
}

/* VM Upgrade Instance */
/* Radio, general */
.neo-radio:checked,
.neo-radio:not(:checked) {
  position: absolute;
  left: -9999px;
}

/* Radio, label */
.neo-radio:checked + label,
.neo-radio:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  padding-top: 0;
  margin-bottom: 5px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

/* Radio, label before (outer circle) */
.neo-radio:checked + label:before,
.neo-radio:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #fff;
}
.neo-radio:checked + label:before {
  border: 1px solid #db1936;
}
.neo-radio:not(:checked) + label:before {
  border: 1px solid #9b9b9b;
}

/* Radio, label after (inner circle) */
.neo-radio:checked + label:after,
.neo-radio:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #db1936;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
}
.neo-radio[disabled] + label {
  color: #ccc;
}

/* Radio, the red-dot visibility changer (using scale) */
.neo-radio:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.neo-radio:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Radio, custom labels */
.resize-instance-modal-choose-package {
  font-size: 13px;
}
.neo-radio-wrapper {
  margin-top: 5px;
}
.neo-radio-wrapper .money-sign {
  font-size: 14px;
  color: #4a4a4a;
}
.neo-radio-wrapper .money-amount {
  font-size: 16px;
  font-weight: 600;
  color: #4a4a4a;
}
.neo-radio-wrapper .money-cycle {
  font-size: 12px;
  color: #4a4a4a;
}
.neo-radio-wrapper > label > p.estimation {
  font-size: 10px;
}

.resize-package-container {
  border: 1px solid #9b9b9b;
  padding: 18px;
  border-radius: 3px;
  margin-top: 8px;
}
.resize-package-container .flavor-specification {
  list-style: none;
  margin: 0;
  padding: 2px 0 0 18px;
  display: inline-block;
}
.resize-package-container .flavor-specification li {
  font-size: 13px;
  line-height: 33px;
  display: inline-block;
  font-weight: 600;
}

/* END, VM Upgrade Instance */
/* INVOICE STYLING */
.invoice-wrapper {
  padding: 10px 20px;
}
.invoice-wrapper > .grids > div[class*="grid-"] {
  margin: 10px 0;
}
.invoice-option {
  margin-top: 15px;
  padding-top: 20px;
}
.payment-channel__name,
.payment-channel__excerpt {
  display: block;
}

.payment-channel__name {
  font-weight: 700;
}

.payment-channel__excerpt {
  font-size: 10px;
  margin-left: 10px;
}

.payment-logo-success {
  width: 74px;
  height: 74px;
  margin: 25px auto;
  background-image: url("../icons/payment-logo-success.svg");
}

.payment-logo-failed {
  width: 74px;
  height: 74px;
  margin: 25px auto;
  background-image: url("../icons/payment-logo-fail.svg");
}

.excerpt-objstorage {
  font-size: 10px;
  margin: 5px;
  vertical-align: sub;
}

/* Other service style */
.other-services {
  max-width: 100% !important;
}
.order-list span.component,
.order-list span.price {
  font-size: 12px;
}
.order-list span.component {
  margin-right: 30px;
}

.order-list .price {
  margin-left: 50px;
}

.order-list .price.subtotal {
  font-family: "Whitney-Semibold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #555;
  margin-right: 30px;
}
.order-list span.subtotal.price-sub {
  margin-right: 0 !important;
}
.order-list {
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 0 !important;
}

.order-list .component.total,
.order-list .price.total,
.component.total.due {
  font-weight: 600;
}

.order-list .component.total.due,
.order-list .price.total.due {
  font-size: 16px;
}

.order-list .component.balance,
.order-list .price.balance {
  font-weight: 600;
  color: #308cf8;
}

label.size {
  padding: 0;
  line-height: 18px;
}

label.price-os {
  font-size: 10px;
  line-height: 14px;
  padding: 0;
  color: #989898;
}

.border-bottom:after {
  height: 1px;
  display: block;
  background: #d9d9d9;
  content: "";
  margin-left: 28px;
}

.payment-channel__topup {
  font-size: 10px;
  color: #308cf8;
}

/* New Layout for VM */
.vm-info-wrapper {
  height: 80px;
}
.vm-select-version {
  display: none;
  padding: 12px 20px;
  position: relative;
  border-bottom: 1px solid #9b9b9b;
  border-left: 1px solid #9b9b9b;
  border-right: 1px solid #9b9b9b;
  background: #fff;
}

.vm-info > a {
  display: block;
}

.vm-select-version.expand {
  display: block;
  z-index: 999;
  transition: all 0.8s ease-in-out;
}

.vm-select-version ul {
  padding: 0;
  list-style-type: none;
  height: 100px;
  overflow-x: auto;
}

.vm-select-version ul li a {
  font-size: 10px;
}

.vm-select-version ul li {
  padding: 5px 10px;
}

.vm-select-version ul li:hover a {
  color: #db1936;
}

.summary-wrapper {
  margin-bottom: 15px;
}

.catalog-title.promo {
  color: #9b9b9b !important;
  position: relative;
}
.catalog-title.promo::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  height: 1px;
  background-color: #d9d9d9;
  width: 145px;
}

#promo-code {
  margin: 20px 0;
}

#promo-code button {
  height: 35px;
  margin: 0 20px;
}

#promo-code div[class*="grid-"] {
  position: relative;
}

#promo-code i[class*="fa"] {
  position: absolute;
  right: 8px;
  top: 6px;
  cursor: pointer;
  font-size: 1.5em;
}

.unpaid-notification {
  text-align: center;
  background: #f1303b;
  color: #fff;
  font-size: 13px;
  position: relative;
  opacity: 0.8;
  height: 45px;
}

.unpaid-notification p {
  display: inline-block;
  position: relative;
}

.unpaid-notification a.pay-now {
  color: #fff;
  border-radius: 3px;
  border: 1px solid #fff;
  padding: 5px 10px;
  margin: 0 20px;
}

a.close-notification {
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  right: 20px;
  position: absolute;
}

#payInvoice .invoice-option {
  border-top: 1px solid #cccccc;
}

.btn-pay-invoice {
  margin-top: 10px;
}
/* Domain Related */

.domain-search-result {
  margin: 48px 0 0 0;
  display: none;
}

.domain-search-result__wrapper {
  padding: 0 0 11px 0;
  position: relative;
  margin: 20px 0 40px;
}

.domain-search-result__wrapper::after {
  content: "";
  width: 75%;
  position: absolute;
  bottom: -15px;
  background: #ccc;
  height: 2px;
}

.domain-search-result__name {
  font-size: 12px;
  margin: 10px 0;
}

.note-balance {
  font-size: 12px;
  color: #db1936;
}

.note-balance a {
  font-weight: 600;
  color: #db1936;
}

.topup-balance {
  margin-bottom: 10px;
}

.overview-nameserver {
  border: 1px solid #979797;
  margin: 20px 0;
  padding: 12px 16px;
}

.overview-nameserver h5 {
  margin: 0 0 10px 0;
  font-weight: 400;
}

/* Button Toggle */
.switch {
  position: relative;
  display: inline-block;
  width: 31px;
  height: 16px;
  padding: 0;
}
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 2px;
}
.slider::after {
  content: "Disabled";
  position: absolute;
  right: -75px;
  color: #db1936;
}

input:checked + .slider {
  background-color: #00be84;
}

input:checked + .slider::after {
  content: "Enable";
  position: absolute;
  right: -75px;
  color: #00be84;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}

.object-storage-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: left;
  margin: 0 0 20px;
  background-color: #ffffff;
  border: 0.5px solid #9b9b9b;
  flex-direction: column;
  position: relative;
  height: 200px;
}

.object-storage-type:hover {
  cursor: pointer;
}
.object-storage-radio {
  display: none;
}
.object-storage-radio:checked + .object-storage-type {
  background-color: transparent;
  border: 2px solid #db1936;
}
.object-storage-radio:checked + .object-storage-type .vm-indicator:after {
  background: #db1936;
}
.object-storage-radio:checked + .object-storage-type .vm-indicator {
  border: 1px solid #db1936;
}
.object-storage-radio:checked + .object-storage-type .box-price::before {
  background-color: #db1936;
}

.box-price::before {
  content: "";
  position: absolute;
  background-color: #7d7d7d;
  height: 1px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.box-price {
  position: relative;
  padding: 15px 0;
  width: 100%;
}
.box-price .text-price {
  padding-left: 50px;
  width: 100%;
}
.object-storage-region {
  font-weight: 600;
  color: #373d4c;
  padding: 15px 0 8px 25px;
}
.object-storage-replication {
  padding: 5px 0 0 25px;
  color: #373d4c;
  width: 100px;
}
.domain-detail-title {
  border: none;
  height: auto !important;
  background-color: transparent !important;
}

.status-domain {
  font-size: 12px;
}

.domain-link {
  font-size: 12px;
  color: #4a90e2;
  text-decoration: underline;
  padding: 0 14px;
}

.domain-detail-info {
  margin: 40px 0;
}

/* Tooltip */
.tooltip {
  position: relative;
  display: inline-block;
  margin-top: 5px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #4a4a4a;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px 5px;
  left: -35px;
  top: 34px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  font-size: 10px;
  white-space: nowrap;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 35px;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-width: 0;
  border-bottom-color: #4a4a4a;
  display: inline-block;
}

.form-group.select-keypair {
  display: none;
}

.vm-building-state {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.domain-transfer {
  margin: 20px 0 10px;
  display: none;
}
.domain-transfer__title {
  font-size: 14px;
}
.domain-transfer__detail {
  padding: 15px;
  font-size: 12px;
}
.domain-transfer__detail .grids > [class^="grid-"] {
  padding: 0 0 15px;
}

.domain-transfer-name.first {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.domain-transfer--auth {
  max-width: 50%;
}

select.form-control.no-border {
  height: unset;
  border: none;
  font-weight: 600;
  font-size: 14px;
}

#regions .dropdown {
  cursor: pointer;
}

#regions .dropdown.active:focus,
#regions .dropdown:focus {
  outline: none;
}

#regions .dropdown .dropdown-menu li {
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

#regions .dropdown-menu {
  display: none;
}

#nhp-price {
  padding: 6px 0;
  font-size: 13px;
  display: block;
}

.change-type {
  font-size: 13px;
  margin: 0;
  text-align: justify;
}

.header-plesk {
  margin: 10px 0;
  font-size: 12px;
  color: #3081f8;
}

.banner__text {
  margin: 10px 0 20px;
  padding: 15px;
  font-size: 15px;
  color: #e6b566;
  border-radius: 5px;
}
.banner__text span {
  margin-right: 6px;
}
.banner__text span a {
  text-decoration: underline;
  font-weight: 600;
  color: #bb8918;
}
.banner__image {
        margin: 10px 0 20px;
    padding: 20px 15px 5px;
}
.m-w-1024 {
    min-width: 1024px;
}

#redirect {
  background-color: #fff;
}

#redirect .header-wrapper {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 9998;
  margin: 40px 0;
  justify-content: space-between;
}
#redirect .header-wrapper .logo-left {
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 45px;
  align-items: center;
}

.logo-left img {
  max-width: 135px;
}

h3.redirect__title {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 30px;
  line-height: 37px;
  color: #232323;
  margin: 40px 0 -10px 0
}

.redirect__subtitle {
  font-family: 'proxima-nova', sans-serif;
  font-style: normal;
  letter-spacing: 0.86px;
  font-size: 24px;
  line-height: 29px;
  color: #232323;
  font-weight: 400;
}
.redirect__subtitle span {
  font-weight: 600;
}