/* Deploy */
div.servertype_section > label.servertype_label_group {
  height: auto;
  min-height: 89px;
  padding: 8px 0px 0px 0px;
  justify-content: flex-start;
}

@media all and (min-width:576px) and (max-width:982px) {
  .deploy_block .deploy__box {
    min-height: 222px;
  }
}

.label-default {
    color: #70757d;
    background-color: #E6E7EB;
}

.deploy_checkbox:not(.deploylocationsoldout) + label .label-default {
  display: none !important;
}

.baremetal_disk_type_active {
  font-size: 15px;
  padding-bottom: 1px;
  opacity: 1;
}

.baremetal_disk_type_inactive {
  font-size: 15px;
  padding-bottom: 1px;
  opacity: .7;
}

.baremetal_plan_info_active {
  font-size:14px;
  padding-bottom:1px;
  opacity: 1 !important;
}

.baremetal_plan_info_inactive {
  font-size:14px;
  padding-bottom:1px;
  opacity: .7;
}

/* Canada fonticon */

.fonticon_ca {
  background-image: url(../_images/flags/flag_ca.png);
  display: inline-block;
  height: 36px;
  width: 54px;
  border-radius: 2px;
  vertical-align: middle;
}

.fonticon_cm_ca {
  display: inline-block;
  height: 18px;
  width: 27px;
  background-image: url(../_images/flags/flagsm_ca.png);
}

.deploy_checkbox_icon.fonticon_ca {
  margin-top: 4px !important;
  width: 54px !important;
}

/* fix fontface */

@font-face {
  font-family: Material-Design-Iconic-Font, sans-serif;
  src: url(../_fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(../_fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(../_fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype");
}

/* Billing UNFUNDED */
@media (min-width: 768px) {
  #tabc_billingaddfunds.flex3column .container-fluid .row > .col-md-2 {
    margin-right: 0px;
  }
}

.cart {
  box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
  margin: 0px;
  padding: 16px;
  background: #ffffff;
  background-color: #ffffff;
  color: #4e5259;
}

.cart .spinner:after {
  top: 115px;
}

tr.billingcarttotal td, tr.billingcartcredit td {
    padding: 8px 0px;
}

tr.billingcarttotal td:last-child, tr.billingcartcredit td:last-child {
    color: #007bfc;
    font-weight: 800;
}

#ccboxsupport2 img {
    height: 40px;
}

/* Messages */
.success_message, .warning_message, .error_message, .promo_message, .info_message, .resolved_message {
    position: relative;
    font-size: 15px;
    width: 100%;
    margin: 0px auto 40px auto;
    padding: 14px 16px;
    text-align: left;
    border-radius: 0;
    border-width: 0 0 0 3px;
    border-style: solid;
    box-shadow: 0 8px 16px 0px rgba(10, 14, 29, 0.04), 0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.info_message, .info_message a {
    color: #007bfc;
    border-color: #007bfc;
}

.success_message p {
	display: inline;
}

.warning_message p {
	display: inline;
}

.error_message p {
	display: inline;
}

.info_message p {
	display: inline;
}

.responsivetable .fonticon_iso {
  height: 28px;
  width: 28px;
}

.page-conf-2fa #header2_wrap + .block1290deploy {
  display: none;
  border: none;
}
.page-conf-2fa #header4_0 {
  display: none;
}

.page-conf-2fa .block520center .panel {
  border: 1px solid #E6E7EB;
}

.page-conf-2fa .block520center .panel .panel-body {
  padding: 24px;
}

.responsivetable_users span:last-child {
  display: flex;
}

input[type=submit].btn-warning, input[type=button].btn-warning, .btn-warning, a.btn-warning {
  color: #ffffff !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 20px !important;
}

/* Affiliate */
.affiliate_logo > div.affiliate_logo_onwhite, .affiliate_logo_icon > div.affiliate_logo_onwhite_mono, div.affiliate_logo_onwhite { background-color:#ffffff;border:1px solid #e6e9eb;}
.affiliate_logo > div.affiliate_logo_ondark, .affiliate_logo_icon > div.affiliate_logo_ondark_mono, .affiliate_logo_icon > div.affiliate_logo_ondark { background-color:#333d45; border:1px solid #333d45; }
.affiliate_logo_icon > div { height: 75px; width: 150px; }
.logo_container { display: inline-flex; }
.logo_container > div.affiliate_logo_icon { padding-right: 15px; }
.affiliate_logo_icon div:nth-child(2) { text-align: center; padding-top: 10px; }

@media (max-width: 768px) {
  .logo_container{
    display: contents;
  }
}


.affiliate_logo > div.affiliate_logo_onwhite > div.logo_mono { background:url(https://www.vultr.com/media/logo_mono_onwhite.png) no-repeat center; background-size: contain; height: 40.878px; }
.affiliate_logo > div.affiliate_logo_ondark  > div.logo_mono { background:url(https://www.vultr.com/media/logo_mono_ondark.png) no-repeat center; background-size: contain; height: 40.878px; }
.affiliate_logo > div.affiliate_logo_onwhite > div.logo { background:url(https://www.vultr.com/media/logo_onwhite.png) no-repeat center; background-size: contain; height: 40.878px; }
.affiliate_logo > div.affiliate_logo_ondark  > div.logo { background:url(https://www.vultr.com/media/logo_ondark.png) no-repeat center; background-size: contain; height: 40.878px; }
.affiliate_logo_icon > div.affiliate_logo_onwhite > div.badge1 { background:url(https://www.vultr.com/media/icon_onwhite.png) no-repeat center; background-repeat: no-repeat; background-size: contain; height: 37px; margin-top: 17px;}
.affiliate_logo_icon > div.affiliate_logo_ondark  > div.badge1 { background:url(https://www.vultr.com/media/icon_ondark.png) no-repeat center; background-repeat: no-repeat; background-size: contain; height: 37px; margin-top: 17px;}
.affiliate_logo_icon > div.affiliate_logo_onwhite_mono > div.badge1 { background:url(https://www.vultr.com/media/icon_mono_onwhite.png) no-repeat center; background-repeat: no-repeat; background-size: contain; height: 37px; margin-top: 17px;}
.affiliate_logo_icon > div.affiliate_logo_ondark_mono  > div.badge1 { background:url(https://www.vultr.com/media/icon_mono_ondark.png) no-repeat center; background-repeat: no-repeat; background-size: contain; height: 37px; margin-top: 17px;}

div.affiliate_banner > img.banner_1  { background:url(https://www.vultr.com/media/banners/banner_160x600.png?www); content: ''; width: 160px; height: 600px; }
div.affiliate_banner > img.banner_2  { background:url(https://www.vultr.com/media/banners/banner_300x250.png?www); content: ''; width: 300px; height: 250px; }
div.affiliate_banner > img.banner_3  { background:url(https://www.vultr.com/media/banners/banner_468x60.png?www); content: ''; width: 468px; height: 60px; }
div.affiliate_banner > img.banner_4  { background:url(https://www.vultr.com/media/banners/banner_628x628.png?www); content: ''; width: 628px; height: 628px; }
div.affiliate_banner > img.banner_5  { background:url(https://www.vultr.com/media/banners/banner_728x90.png?www); content: ''; width: 728px; height: 90px; }
div.affiliate_banner > img.banner_6  { background:url(https://www.vultr.com/media/banners/banner_800x418.png?www); content: ''; width: 800px; height: 418px; }
div.affiliate_banner > img.banner_7  { background:url(https://www.vultr.com/media/banners/banner_800x800.png?www); content: ''; width: 800px; height: 800px; }
div.affiliate_banner > img.banner_8  { background:url(https://www.vultr.com/media/banners/banner_1200x600.png?www); content: ''; width: 1200px; height: 600px; }
div.affiliate_banner > img.banner_9  { background:url(https://www.vultr.com/media/banners/banner_1200x628.png?www); content: ''; width: 1200px; height: 628px; }
div.affiliate_banner > img.banner_10 { background:url(https://www.vultr.com/media/banners/banner_1200x800.png?www); content: ''; width: 1200px; height: 800px; }

.hidden {
	display: none !important;
}

div.responsivetable_backups .fonticon_snapshot {
  height:20px;
  width:20px;
}
/* VULTR CUSTOM CSS */

.floatinglabel .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 100px;
}

.floatinglabel.floatinglabel--wider {
	min-width: 50%;
	max-width: 100%;
}

.page-add-blockstorage .block520center {
    max-width: 768px;
}

.responsivetable_ssolog > * > *:last-child,
.responsivetable_dns > * > *:last-child {
    text-align: left;
}

table .fonticon_iso {
  height: 28px;
  width: 28px;
}

#tabc_subsbgp .tablelist tr th:last-child,
#tabc_subsbgp .tablelist tr td:last-child {
  text-align: left;
}

.backup-codes .control-label {
  position: absolute !important;
  top: 37px !important;
  left: 37px !important;
  font-weight: 300 !important;
}

/* Mobile Responsive Table Content Labels */
@media all and (min-width: 0px) and (max-width: 767px) {
 .responsivetable_networks > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_objstore_sub > * > * {
    padding-left: 100px;
  }
  .responsivetable_objstore_sub > * > *:before {
    width: 100px;
  }
  .responsivetable_objstore_sub > * > *:nth-child(1):before {
    content: "Storage:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(2):before {
    content: "Location:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(3):before {
    content: "Charges:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(4):before {
    content: "Status:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_objstore_sub > * > *:nth-child(4) {
    padding-top: 8px;
  }

  .responsivetable_objstore_sub_list > * > * {
    padding-left: 100px;
  }
  .responsivetable_objstore_sub_list > * > *:before {
    width: 100px;
  }
  .responsivetable_objstore_sub_list > * > *:nth-child(2):before {
    content: "Name:";
  }
  .responsivetable_objstore_sub_list > * > *:nth-child(3):before {
    content: "Size:";
  }
  .responsivetable_objstore_sub_list > * > *:nth-child(4):before {
    content: "Last Modified:";
  }
  .responsivetable_objstore_sub_list > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_objstore_sub_list > * > *:nth-child(3),
  .responsivetable_objstore_sub_list > * > *:nth-child(4) {
    padding-top: 8px;
  }
  .responsivetable_objstore_sub_list > * > *:nth-child(1) {
    height: 40px;
  }
  .responsivetable_objstore_sub_list > * > *:nth-child(1) > * {
    position: absolute;
    left: -5px;
  }

  .responsivetable_objstore > * > *                        { padding-left:100px; }
  .responsivetable_objstore > * > *:before                 { width:100px; }
  .responsivetable_objstore > * > *:nth-child(1):before    { content:"Bucket:"; }
  .responsivetable_objstore > * > *:nth-child(2):before    { content:"Objects:"; }
  .responsivetable_objstore > * > *:nth-child(3):before    { content:"Date Created:"; }
  .responsivetable_objstore > * > *:nth-child(4):before    { content:"Actions:"; }
  .responsivetable_objstore > * > *:nth-child(2)           { padding-top:10px; }

  .responsivetable_startup > * > *:nth-child(4):before {
    content: "Actions:";
  }

  .responsivetable_dns > * > *:nth-child(3):before {
    content: "Actions:";
  }

  .responsivetable_blockstorage > * > *:nth-child(3):before {
    content: "Attached To:";
  }

  .responsivetable_blockstorage > * > *:nth-child(4):before {
    content: "Charges:";
  }

  .responsivetable_blockstorage > * > *:nth-child(5):before {
    content: "Charges:";
    content: "Status:";
  }
  .responsivetable_blockstorage > * > *:nth-child(5) {
    padding-top: 8px;
  }
  .responsivetable_blockstorage > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_backups > * > * {
    padding-left: 100px;
  }
  .responsivetable_backups > * > *:before {
    width: 100px;
  }
  .responsivetable_backups > * > *:nth-child(1):before {
    content: "Description:";
  }
  .responsivetable_backups > * > *:nth-child(2):before {
    content: "OS:";
  }
  .responsivetable_backups > * > *:nth-child(3):before {
    content: "Size:";
  }
  .responsivetable_backups > * > *:nth-child(4):before {
    content: "Date:";
  }
  .responsivetable_backups > * > *:nth-child(5):before {
    content: "Status:";
  }
  .responsivetable_backups > * > *:nth-child(5),
  .responsivetable_backups > * > *:nth-child(2) {
    padding-top: 8px;
  }
  .responsivetable_backups > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_iso > * > * {
    padding-left: 100px;
  }
  .responsivetable_iso > * > *:before {
    width: 100px;
  }
  .responsivetable_iso > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_iso > * > *:nth-child(2):before {
    content: "Status:";
  }
  .responsivetable_iso > * > *:nth-child(3):before {
    content: "MD5:";
  }
  .responsivetable_iso > * > *:nth-child(4):before {
    content: "Size 1:";
  }
  .responsivetable_iso > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_iso > * > *:nth-child(2) {
    padding-top: 8px;
  }
  .responsivetable_iso > * > *:nth-child(6):before {
    content: "Actions:";
  }

  .responsivetable_public_iso > * > * {
    padding-left: 100px;
  }
  .responsivetable_public_iso > * > *:before {
    width: 100px;
  }
  .responsivetable_public_iso > * > *:nth-child(1):before {
    content: "Name:";
  }
  .responsivetable_public_iso > * > *:nth-child(2):before {
    content: "MD5:";
  }
  .responsivetable_public_iso > * > *:nth-child(3):before {
    content: "Size:";
  }

  .responsivetable_reservedip > * > *:nth-child(5):before {
    content: "Actions:";
  }
  .responsivetable_custom > * > *:nth-child(3) {
    padding-top: 8px;
  }
  .responsivetable_snapshots > * > *:nth-child(4):before {
    content: "Date:";
  }
  .responsivetable_snapshots > * > *:nth-child(5):before {
    content: "Status:";
  }
  .responsivetable_snapshots > * > *:nth-child(6):before {
    content: "Actions:";
  }
  .responsivetable_snapshots > * > *:nth-child(5),
  .responsivetable_snapshots > * > *:nth-child(2) {
    padding-top: 8px;
  }
  .responsivetable_sshkeys > * > *:nth-child(3):before {
    content: "Actions:";
  }
  .responsivetable_sshkeys > * > *:nth-child(3),
  .responsivetable_dns > * > *:nth-child(3),
  .responsivetable_startup > * > *:nth-child(4),
  .responsivetable_blockstorage > * > *:nth-child(6),
  .responsivetable_reservedip > * > *:nth-child(5)  {
      padding-top: 2px;
  }
}

input[type="text"].googleAuthInput {
  border: 1px solid #DCDEE0;
  background: unset;
  width: 100%;
}

@media all and (max-width: 768px) {
  #tabc_subssettings .floatinglabel, #tabc_settings .floatinglabel {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .mobile-submenu-container {
    width: 100%;
  }
  .boxLink {
    margin-bottom: 20px;
  }
  .header-title-info > li {
    line-height: 28px;
  }
}

#table_records > * > *:last-child {
  text-align: left;
}

#table_records .fonticonedit {
  width: 20px;
}
.flexlayoutdatalabel > div:nth-child(1),
.flexlayoutdata div:nth-child(1)  {
    width: 120px;    overflow: hidden;
    color: #8a9099;
}

.storage-calculator .range-slider__base:before, .storage-calculator .range-slider__base:after {
  height: 115%;
}

@media (max-width: 497px) and (min-width: 0px) {
  #tabc_subsbackups .tablelist input[type=button].btn-danger {
    margin-top: 5px;
  }
}
@media (max-width: 767px) and (min-width: 0px) {
  #tabc_subssettings #tab_settings {
    padding-left: 30px;
  }
}
@media all and (max-width: 800px) {
  a.balance_block {
    padding: 13px 0px;
    height: 98px;
    margin: 10px 0;
  }
}
@media all and (max-width: 830px) {
  a.btn-note {
    margin: auto 0;
  }
  .header-top-toolbar {
    padding-bottom: 32px;
  }
}

@media all and (max-width: 901px) {
  .balance_block {
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding: 40px 30px;
  }

  .balance_desc {
    display: none;
  }
}

#support_alert_notification {
  margin-left: 0px;
  padding-left: 15px;
}

#support_alert_notification > :nth-child(1) {
  display: none;
}

.rate-limit-form {
  border: none;
}

/* Loading Icon */
.loading_message {
  padding-top: 15px;
  text-align: center;
  font-size: 16px;
}

#tabc_subsbackups .tablelist input[type=button].btn-danger {
  height: 50px;
  line-height: 24px;
  padding: 13px 24px;
  font-size: 15px;
  border: 1px solid #DCDEE0;
  background: transparent;
  color: #4e5259;
}

/* Object Storage */
#bucket_panel_actions {
  display: none;
  float: right;
  padding-bottom: 10px;
}

.create-bucket-input,
.add-folder-input {
  width: 100%;
}

span[data-bucket-name],
.bucket_object_data {
  cursor: pointer;
}

.bucket_object_folder {
  font-weight: bold;
  color: #007bfc;
  cursor: pointer;
}
#breadcrumb_container {
  display: none;
  background: #F7F7F9;
  border: 1px solid #E6E7EB;
  overflow-x: auto !important;
  overflow-y: hidden;
}

#bucket_objects_breadcrumbs {
  white-space: nowrap;
  height: 46px;
  cursor: pointer;
  color: #007bfc;
  padding: 10px;
  border-bottom: none;
  font-weight: lighter;
}

#breadcrumb_container::-webkit-scrollbar {
  width: 0px;
  display: none;
  background: transparent;
}
#bucket_header {
  margin-bottom: 16px;
  display: inline-block;
  width: 100%;
}
#bucket_header a,
#bucket_header button {
  margin-left: 15px;
  margin-top: 2px;
  float: right;
  width: auto;
}
.breadcrumb_caret:before {
  content: '';
  display: inline-block;
  position: relative;
  top: -30px;
  left: -21px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 20px solid #F7F7F9;
}
.breadcrumb_caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: -17px 13px 0px 5px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 20px solid #E6E7EB;
}

#bucket_objects_breadcrumbs a:last-of-type {
  font-weight: bold;
}

@media (max-width: 497px) and (min-width: 0px) {
  #tabc_subsbackups .tablelist input[type=button].btn-danger {
    margin-top: 5px;
  }
}

.bucket-soon .btn-xs {
  margin-top: 16px;
}

.bucket-soon h3 .label {
  margin-left: 8px;
}

.bucket-soon h3 {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

#bucket_header h3 {
  margin: 0;
  margin-top: 10px;
  display: inline-block;
}

.bucket-soon a.button.btn-xs {
  height: 36px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 20px;
}

.bucket_name {
  color: #007bfc;
  font-weight: bold;
}

.bucket_name svg,
.bucket_object_folder svg,
.bucket_object_file svg {
  margin-right: 15px;
}

.server-details .flag {
  width: 27px;
}
.server-details .secretkey-show .spanlink,
.server-details .secretkey-hide .spanlink {
  margin-top: 0 !important;
}
.server-details .editable-container.editable-inline {
  top: -5px;
}
.bucket_object_data .editable-buttons .editable-object-cancel {
  margin-left: 0px;
}
.bucket_object_data .editable-buttons .zmdi {
  color: #007bfc;
  font-size: 18px;
}
.bucket_object_file .editable-object {
  color: #4e5259;
}
.bucket_object_data .editable-underline {
  border-bottom: 1px dashed #CBCDD1;
  background-color: transparent;
}
.bucket_object_data div.label-form {
  margin-top: 6px;
}
.bucket_object_data .spinner-md:after {
  width: 17px;
  height: 17px;
}

@media (max-width: 767px) and (min-width: 0px) {
  .s3-credentials {
    margin-top: 35px;
  }
}

.add-obj-storage-container {
  padding: 24px;
  margin-bottom: 16px;
  border: 1px solid #e3e6e8;
  border-radius: 0;
  color: #4e5259;
  text-align: center;
}

.add-obj-storage-container .plan-header h5 {
  font-size: 17px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 24px;
}

.add-obj-storage-container .plan-header:after {
  display: block;
  content: "";
  width: 32px;
  height: 2px;
  margin: 20px auto;
  background: #007bfc;
}

.add-obj-storage-container .plan-info {
  margin-top: 4px;
  color: #8a9099;
  font-size: 13px;
}

.add-obj-storage-container .plan-list {
  padding: 0;
  list-style: none;
}

.add-obj-storage-container .plan-list li {
  font-size: 15px;
  padding-bottom: 4px;
}

.add-obj-storage-container .price__value {
  font-size: 32px;
  color: #007bfc;
  font-weight: 500;
}

.add-obj-storage-container .price__suffix {
  font-size: 21px;
  font-weight: 400;
}

@media (max-width: 440px) and (min-width: 0px) {
  .bucket_object_data .editable-input {
    width: 115px !important;
  }
  #bucket_header {
    display: grid;
  }
  #bucket_header a,
  #bucket_header button {
    margin-left: 0px;
  }
  #bucket_header button {
    margin-top: 10px;
  }
}

@media (max-width: 612px) and (min-width: 0px) {
  #bucket_header h3 {
    max-width: 580px;
    overflow-x: auto;
    padding-bottom: 10px;
  }

}

#bucket_objects_no_data img,
#bucket_panel_no_data img {
  height: 260px;
}

#bucket_objects_no_data,
#bucket_panel_no_data,
#bucket_panel_loading {
  padding: 24px;
  min-height: 504px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  border: 1px solid #E6E7EB;
}
#bucket_panel_loading {
  position: relative;
}
#bucket_panel_loading .spinner:after {
  border-width: 4px;
  border-bottom-color: #007bfc;
  border-right-color: #E7E8EB;
  width: 47px;
  height: 47px;
}
#bucket_objects_table,
#bucket_objects_no_data {
  border-top: none;
}

.responsivetable_objstore_sub_list > * > *:nth-child(1) {
  width: 5%;
}

input.change-access-input + label {
  display: inline-block;
  margin: -6px 0;
  margin-left: 10px;
}

input[type=text].yubiKeyInput {
	border: 1px solid #DCDEE0;
	width: 100%;
	padding-left: 50px;
}

#qrcode {
	background-color: #ffffff;
	padding: 10px;
}
/* DBaaS Page */

#header4_0.dbaas_line {
  display: block;
  position: relative;
  z-index: -1;
margin-top: 12ch;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color: var(--border-secondary);
}

#dbaas_left_section::after {
content: " ";
height: 100%;
width: 1px;
position: absolute;
top: 0;
right: 0;
background-color: var(--border-secondary);
/* margin-top: -6ch; */
margin-right: 0px;
}

.save-edit-container {
  max-width: 260px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.app_content--mono {
border:none;
}

.dbaas_information .flexlayoutdata div:nth-child(1), .dbaas_information div.flexlayoutdataeditor div:nth-child(1)
{
min-width: 160px;
}

#dbaas_connection_details {
padding-right:32px;
}

.header-info-container {
display: flex;
flex-direction: column;
}

.connection-dropdown-container {
  display: flex;
}

.connection-dropdown-container .floatinglabel {
  margin-bottom: 0px;
  width: 100%;
}


/* End DBaaS Page */

@media all and (min-width:400px) {
  span.dismissBmPlan, span.dbaasDismiss, span.vpc2Dismiss, span.dbaasAlertAcknowledge{
    float:right;
    cursor:pointer;
  }
}

.sub_page-marketplace_app_icon {
	max-height: 40px;
	max-width: 40px;
}

.marketplace_1click_subs_list {
	padding:15px 0px 7px 4px!important;
}

@media (max-width: 767px){
  .mobile_app_icon {
    height: 28px;
    width: 28px;
  }
  .marketplace_1click_subs_list {
    padding: 10px 0px 20px 0px!important;
  }
}

.block_message            { background-color: #ffffff; padding: 16px 0px; }

.base_message             { color: #616366; box-sizing: border-box; width: 100%; font-size: 15px; line-height: 25px; margin: 0px auto 10px auto; padding: 15px; text-align: left; border: 1px solid #000000; border-radius: 5px; overflow: hidden; }
.success_message          { color: #5ba65f; border-color: #66bb6a; }
.warning_message          { color: #fca426; border-color: #ffb13d; }
.error_message            { color: #e53935; border-color: #ff4d4a; }
.info_message             { color: #1e88e5; border-color: #54aaff; }

/*
	START K8 common styles
*/
#add_nodepool_container {
	height: 60px;
    margin-bottom: 16px;
	text-align: right;
}
#add_nodepool_container_span.disabled {
	cursor: not-allowed;
}
#add_nodepool_container_span > button:disabled {
	pointer-events: none;
}
.k8-help-msg {
	text-align: center;
	font-size: 12px;
	margin: 32px 0px;
}
.k8-no-plans-msg {
	line-height: 50px;
	margin-left: 16px;
}
.badge-sub-count {
    display: inline-block;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: var(--brand-primary);
}
/* Hide number input arrows - Chrome, Safari, Edge, Opera */
input.nodepoolquantity::-webkit-outer-spin-button,
input.nodepoolquantity::-webkit-inner-spin-button,
input.update_nodepoolquantity::-webkit-outer-spin-button,
input.update_nodepoolquantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Hide number input arrows - Firefox */
input.nodepoolquantity[type=number],
input.update_nodepoolquantity[type=number] {
  -moz-appearance: textfield;
}

.select2-selection__rendered .container .vke-nodepool-plan-row {
	margin-top: -8px;
	margin-left: -24px;
}
.vke-nodepool-plan-row {
	line-height: 24px;
}
.vke-nodepool-plan-column {
    flex-grow: 1;
    display: inline-flex;
    flex-direction: column;
}
.vke-nodepool-plan-column:first-of-type {
    margin-left: 16px;
}
.vke-nodepool-plan-column-label {
	display: inline-block;
    top: 18px;
	left: 16px;
	pointer-events: none;
	font-size: 11px;
	color: var(--text-secondary);
	font-weight: 400;
	line-height: 18px;
	z-index: 100;
}
.vke-nodepool-plan-column-value-big {
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: var(--table-text);
	transition: color .2s ease-in;
}
.vke-nodepool-plan-column-value-small {
	font-size: 13px;
	line-height: 18px;
	color: var(--text-secondary);
	transition: color .2s ease-in;
}
.vke-nodepool-plan-select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[aria-selected] {
	color: var(--brand-primary);
	transition: background-color .3s;
	background-color: var(--dropdown-light);
}
.update-nodepool-table.responsivetable-bordered-cells>*>:first-child {
	min-width: 260px;
    width: 0!important;
    max-width: 260px!important;
}
.update-nodepool-table.responsivetable-bordered-cells>*>:nth-child(3) {
    min-width: 145px!important;
    width: 13%!important;
}
.update-nodepool-table.responsivetable-bordered-cells>*>:nth-child(2) {
    width: 0!important;
    min-width: 255px!important;
    max-width: 255px!important;
	min-height: 50px;
}
.update-nodepool-table.responsivetable-bordered-cells>*>:nth-child(4) {
    min-width: 295px;
    width: 20%;
}
.update-nodepool-table.responsivetable-bordered-cells>:first-of-type>:nth-of-type(5) {
    width: 20%;
}
@media (max-width: 1330px)
{
	#addNodeModal.modal {
		position: fixed;
		display: block !important;
	}
	.update-nodepool-table.responsivetable-bordered-cells>*>:nth-child(2) {
		display: table-cell;
	}
	.update-nodepool-table.responsivetable-bordered-cells>*>:nth-child(3) {
		display: none;
	}
}
@media (max-width: 767px)
{
	.page-deploy-cluster .nodepool-table.vke-special-table.responsivetable .nodepool-table-header {
		display: none;
	}
	.update-nodepool-table .empty {
		display: none;
	}
	.page-deploy-cluster .update-nodepool-table.vke-special-table.responsivetable .product-details {
		padding-left: 20px;
	}
	.update-nodepool-table.responsivetable-bordered-cells>*>:nth-child(2) {
		min-width: 405px!important;
		max-width: 405px!important;
	}
}

/*
	END K8 common styles
*/

/*
  Login
*/

#login.box__content, #register.box__content {
  padding-bottom: 72px;
}

.box__oAuth {
  height: auto;
  border-top: 1px solid #d0d0d0;
  width: 100%;
  position: relative;
  background: #fff;
  padding:72px 24px 48px 24px;
  border-radius: 3px;
  margin-top: 20px;
  display:flex;
  flex-direction: column;
}

.box__oAuth::after {
  content: "or";
  position: absolute;
  width: 55px;
  height: 55px;
  top: -27px;
  left: 50%;
  margin-left: -27.5px;
  border-radius: 100%;
  border: 1px solid #B2B6CB;
  background: white;
  display: grid;
  place-items: center;
  color:#B2B6CB;
}

@media (min-width: 752px) {
  .box__oAuth {
    padding: 72px 56px 48px;
  }
  .box.box--auth {
    flex-direction: column;
  }
}

.btn--github {
  background: white;
  border: 2px solid black;
  color: black;
  margin-bottom:24px;
}

.btn.btn--google {
  background: white;
  border: 2px solid #007bfc;
  color: black;
}

.btn .github-icon, .btn .google-icon {
  fill:inherit;
  width:25px;
  line-height:20px;
  z-index: 11;
  margin-right: 10px;
}

.btn--github, .btn-google {
  justify-content: space-evenly;
}

.btn--github .btn-hover-effect {
  background: radial-gradient(circle closest-side,rgba(0,0,0.9),transparent);
}


.btn--github:hover .btn-hover-effect {
  background: radial-gradient(circle closest-side,rgba(0,0,0,.9),transparent);
}

.btn--github:hover, .btn--github:disabled, .btn--github:focus {
  background:rgba(0,0,0,.7);
  fill:white;
}


.btn--google:hover {
  background:#007af3;
  fill:white;
}

.btn--google:hover, .btn--google:hover svg * {
  fill:white;
  color:white
}


/*
  END Login
*/

.nowrap {
  white-space: nowrap;
}

.white-space {
  white-space: normal!important;
}

.page-manage-service #header2_left [class*="fonticon"].fonticon--inline {
	position: relative;
	background-repeat: no-repeat;
}

.server-info {
	display: flex;
}

.server-info--col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 1em;
}

.flex-form {
	display: flex;
	gap: 1em;
	position: relative;
}

.firewall-edit.fonticonedit::after {
	position: relative;
	top: 20%;
}

@media (max-width: 1011px) {
	.blockstorage-new {
		gap: 1em;
		justify-content: center;
		text-align: center;
		flex-wrap: wrap;
	}

	p.blockstorage-new__desc {
		margin-right: 0;
	}

	.storage-calculator__calc {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		gap: 1em;
	}

}

/* Add domain to DNS dropdown */
#DROPDOWNPOPUP .dropdown__menu-item, #DROPDOWNPOPUP>a, #DROPDOWNPOPUP>button, #DROPDOWNPOPUP>span, .dropdown__menu .dropdown__menu-item, .dropdown__menu>a, .dropdown__menu>button, .dropdown__menu>span {
	display: block;
	padding: 6px 24px!important;
	color: #71757c;
	cursor: pointer;
	background-color: transparent;
	border-width: 0;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	text-decoration: none;
}

.dropdown--input-advanced .dropdown__menu-item .instance__name {
	margin-right: 3px;
}

.dropdown--input-advanced .dropdown__footer svg {
	display: none;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.dropdown--input-advanced .error svg {
	display: inline;
}

.dropdown--input-advanced .dropdown__footer svg path {
	stroke: #e31519;
}

.error input {
	border-color: #e31519;
	color: #e31519!important;
}

.btn-disabled {
	background-color: #e6e7eb!important;
	color: #71757c!important;
	cursor: not-allowed!important;
	font-weight: 500!important;
}

.dropdown--input {
	background-color: #fff;
	cursor: pointer;
}

.dropdown--input .dropdown__input {
    border-radius: 3px;
    border: 1px solid #dcdee0;
    height: 50px;
}

.dropdown--input .dropdown__input>span+span {
    margin-left: 16px;
}

.dropdown--input .dropdown__input>span {
    margin-right: 20px;
    transform: translateY(2px);
}

.dropdown--input .dropdown__input>span:first-of-type {
    margin-left: 16px;
}

.dropdown--input .dropdown__input div {
    display: inline-block;
}

.dropdown--input .dropdown__input .dropdown__label {
    position: absolute;
}

.dropdown--input .dropdown__input .dropdown__value {
    padding-top: 14px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 34px;
}

.dropdown--input .dropdown__input .dropdown__value--placeholder {
    color: #a6aaaf;
}

.dropdown--input .dropdown__input .dropdown__placeholder {
    height: 100%;
}

.dropdown--input .dropdown__input .dropdown__placeholder .dropdown__value {
    line-height: 24px;
    padding-top: 0;
    display: flex;
    font-weight: 400!important;
    color: #71757c;
}

.dropdown--input .dropdown__input .dropdown__placeholder .dropdown__column {
    height: 100%;
}

.dropdown--input .dropdown__input .dropdown__column--big {
    margin: 0!important;
}

.dropdown--input .dropdown__label {
    position: absolute;
}

.dropdown--input .dropdown__value {
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    height: 100%;
}

.dropdown--input .dropdown__value-big {
    font-size: 15px;
    line-height: 20px;
    color: #1e2736;
    transition: color .2s ease-in;
}

.dropdown--input .dropdown__value-small {
    font-size: 13px;
    line-height: 18px;
    color: #71757c;
    transition: color .2s ease-in;
}

.dropdown--input .dropdown__value span {
    margin: 0;
}

.dropdown--input .dropdown__value>span {
    margin-right: 20px;
}

.dropdown--input .dropdown__column {
    flex-grow: 1;
    display: inline-flex!important;
    flex-direction: column;
    margin-right: 20px;
    transform: translateY(2px);
}

.dropdown--input .dropdown__column:first-of-type {
    margin-left: 16px;
}

.dropdown--input .dropdown__column>span {
    top: 5px;
    left: 16px;
    pointer-events: none;
    font-size: 11px;
    color: #9da2a6;
    font-weight: 400;
    line-height: 18px;
    z-index: 100;
    transform: translateY(-2px);
}

.dropdown--input .dropdown__menu-item .dropdown__label {
    position: static;
}

.dropdown--input .dropdown__menu-item .dropdown__value {
    padding: 0;
}

.dropdown--input .dropdown__menu-item .dropdown__column {
    margin-left: 0;
}

.dropdown--input .dropdown__menu-item .dropdown__column--big {
    margin: 0;
}

.dropdown--input .dropdown__menu-item .dropdown__column:last-child {
    margin-right: 0;
}

.dropdown--input .dropdown__menu-item:hover .dropdown__value-big,.dropdown--input .dropdown__menu-item:hover .dropdown__value-small {
    color: #007bfc;
}

.dropdown--input .dropdown__header {
    border-bottom: 1px solid #e6e7eb;
    cursor: auto;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 24px 14px;
}

@media (max-width: 924px) {
    .dropdown--input .dropdown__column {
        margin-right:8px;
    }

    .dropdown--input .dropdown__column:first-of-type {
        margin-left: 8px;
    }
}

.dropdown--input:after {
    content: "\f2f9";
    position: absolute;
    font-family: Material-Design-Iconic-Font, sans-serif;
    font-size: 26px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.dropdown--input.open .dropdown__menu {
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    transform: translate3d(0,8px,0);
	max-height: none;
	overflow-y: auto;
}

.dropdown--input-advanced .dropdown__value {
    color: #1e2736;
    font-weight: 500!important;
}

.dropdown--input-advanced .dropdown__column {
    transform: unset;
}

.dropdown--input-advanced .dropdown__menu {
    width: 100%;
}

.dropdown--input-advanced .dropdown__menu-item:hover .dropdown__value {
    color: #007bfc;
}

.dropdown--input-advanced .dropdown__menu-item.active {
    position: relative;
    margin-left: auto;
}

.dropdown--input-advanced .dropdown__menu-item.active:before {
    position: absolute;
    right: 24px;
    top: 5px;
    display: flex;
    font-size: 19px;
    text-align: center;
    color: #007bfc;
    content: "\f26b";
    font-family: Material-Design-Iconic-Font, sans-serif;
}

.dropdown--input-advanced .dropdown__menu-item.active .instance__name {
    color: #007bfc;
}

.dropdown--input-advanced .dropdown__footer {
    cursor: auto;
    border-top: 1px solid #e6e7eb;
    padding: 18px 24px 12px;
}

.dropdown--input-advanced .dropdown__footer>input {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.dropdown--input-advanced .instance.hidden {
    display: none!important;
}

.dropdown--input-advanced .instance__wrapper {
    max-height: 245px;
    overflow-y: scroll;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: unset;
    border-top: unset;
}

.dropdown--options {
    display: none;
}

.dropdown--options.selected {
    display: block;
}

.dropdown--up .dropdown__menu {
    top: unset;
    bottom: 70px;
}

.dropdown--up .dropdown__menu:before {
    top: unset;
    bottom: -16px;
    transform: rotate(180deg);
}

.dropdown--up .dropdown__menu:after {
    top: unset;
    bottom: -15px;
    transform: rotate(180deg);
}

.instance__name {
    line-height: 24px;
}

.instance__icon {
    display: flex;
    align-content: center;
    margin-right: 16px;
}

.instance__icon img {
    width: 20px;
}

.instance.dropdown__menu-item {
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    min-height: 38px;
}

.responsivetable .sub_items {
    margin-left: 24px;
    border: none;
}

.responsivetable .sub_items.collapse {
    display: none;
}

.responsivetable .sub_items.collapse.in,.responsivetable .sub_items.collapsing {
    display: block;
}

.responsivetable .sub_items .status_success {
    color: #1e2736;
}

.responsivetable .sub_items>:first-child {
    padding-left: 24px!important;
    border-left: 1px solid #e6e7eb;
    max-width: 332px!important;
    min-width: 332px!important;
}

.responsivetable .sub_items>* {
    border-bottom: none;
}

@media (max-width: 1012px) {
    .responsivetable .sub_items {
        flex-direction:row!important;
        align-items: center;
        flex-wrap: nowrap!important;
    }

    .responsivetable .sub_items .gray--price {
        display: none;
    }

    .responsivetable .sub_items .responsivetable_actions {
        position: static;
        margin-right: 12px;
    }
}

@media (max-width: 767px) {
    .responsivetable .sub_items {
        padding-left:0;
        padding-top: 0!important;
        padding-bottom: 0!important;
    }

    .responsivetable .sub_items>:first-child {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .responsivetable .sub_items .responsivetable_actions {
        width: 80px!important;
        min-width: 80px!important;
        margin-right: 0;
    }
}

.responsivetable .sub_items .responsivetable_actions .plus-icon {
    margin-left: 24px;
}

.mobile-label {
    display: none!important;
}

@media (max-width: 767px) {
    .mobile-label {
        display:inline!important;
        position: absolute;
        top: -39px;
        font-size: 20px;
        line-height: 24px;
        color: #142149;
    }
}

.blocker {
    z-index: 1000!important;
}

.modal {
    padding: 24px;
    box-shadow: 0 3px 8px rgba(10,14,29,.02),0 8px 32px rgba(10,14,29,.05);
}

.modalTop {
    display: flex;
    justify-content: space-between;
}

.modalTop .zmdi-close {
    cursor: pointer;
    font-size: 24px;
    color: #8692b0;
}

.modalTop .zmdi-close:hover {
    color: #007bfc;
}

.close-modal {
    top: 24px!important;
    right: 24px!important;
    display: none!important;
}

.jquery-modal .block1290 {
    padding: 0;
    margin: 0;
}

.jquery-modal .modal {
    max-width: unset;
    width: unset;
    border-radius: 0;
    padding: 24px;
    animation: scaleModal .24s ease-in-out;
}

@keyframes scaleModal {
    0% {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jquery-modal .modal .block1290 {
    min-width: unset;
}

.jquery-modal .deploy_sidebar {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.jquery-modal .deploy_sidebar #deploy-summary-price,.jquery-modal .deploy_sidebar #deploy-summary-price>span {
    margin-bottom: 0;
}

.jquery-modal .deploy_sidebar #confirmordersubmit {
    height: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.jquery-modal .deploy_sidebar #order_total {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
}

@media (max-width: 1199px) {
    .jquery-modal .deploy_sidebar #deploy-summary-price>:nth-child(2) {
        line-height:unset;
    }
}

.jquery-modal .fonticonclose--modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 24px;
    right: 24px;
}

.jquery-modal .responsivetable--deploy .responsivetable_actions {
    width: 4%;
}

.jquery-modal .responsivetable--deploy>*>:nth-child(3) {
    width: 31%!important;
}

@media (max-width: 1190px) {
    .jquery-modal .responsivetable--deploy .floatinglabel:nth-of-type(3) {
        width:32%!important;
    }
}

@media (max-width: 1099px) {
    .jquery-modal .responsivetable--deploy .responsivetable_actions button {
        display:none;
    }

    .jquery-modal .responsivetable--deploy .floatinglabel:nth-of-type(3) {
        width: 50%!important;
    }
}

@media (max-width: 767px) {
    .jquery-modal .deploy_sidebar {
        flex-direction:column;
        margin-top: 48px;
    }

    #dbaas_left_section::after {
      display: none!important;
    }

    .jquery-modal .deploy_sidebar #deploy-summary-price {
        margin-bottom: 16px!important;
        padding: 0;
        width: 100%;
    }

    .jquery-modal .deploy_sidebar #confirmordersubmit {
        position: static;
        border-radius: 3px;
    }

    .jquery-modal .form>.button {
        font-size: 17px;
        line-height: 24px;
    }
}

@media (max-width: 479px) {
    .jquery-modal {
        padding:0!important;
    }
}

.dropdown--input-advanced .block520center {
    padding: 32px;
}

.dropdown--input-advanced .floatinglabel>span {
    color: #a6aaaf;
}

.dropdown--input-advanced .error {
    transition: margin-bottom 0s ease;
    margin-bottom: 0;
}

.dropdown--input-advanced .error input {
    border-color: #e31519;
    color: #e31519!important;
}

.dropdown--input-advanced .error svg {
    display: inline;
}

.dropdown--input-advanced .alert-danger {
    margin-bottom: 16px;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 8px;
    line-height: 18px;
}

.dropdown--input-advanced .alert-danger:not(.hidden) {
    display: flex;
}

.dropdown--input-advanced .alert-danger i {
    font-size: 12px;
    margin-right: 8px;
}

.dropdown--input-advanced #domainLabel {
    margin-bottom: 0;
}

.dropdown--input-advanced #dropdownPlaceholder {
    display: none!important;
}

.dropdown--input-advanced #dropdownPlaceholder:not(.hidden) {
    display: inline!important;
}

.dropdown--input-advanced .alert--bottom {
    margin-bottom: 0;
}

.dropdown--input-advanced .dropdown-main-container {
    margin-top: 16px;
}

.alert-danger {
    background-color: #ffd5d5;
    color: #e31519;
}

/* End Add domain to DNS */

/* Products Page (home) */

.server-tag-container {
  display: flex!important;
  flex-flow: wrap;
  max-width: 640px;
  overflow-y: hidden;
  margin-left: -5px;
  max-height: 29px;
  transition: all 200ms;
  transition-delay: 100ms;
}

.server-tag {
  background: rgba(0, 123, 252, 0.58);
  padding: 0px 9.5px;
  border-radius: 23px;
  color: white;
  white-space: nowrap;
  margin-right: 5px;
  margin-bottom: 5px;
}

.table-row:hover .tablesecondline .server-tag-container {
  max-height: 87px;
  transition: all 200ms;
  transition-delay: 100ms;
}

/* end Products Page (home) */

.zmdi.zmdi-search {
	margin-left: 8px;
}

#subscriptionSearchForm .zmdi-search  {
	margin-left: 16px;
}

.additional-features {
	width: fit-content;
}

.truncate-child > b {
	display: inline-block;
	max-width: 25ch;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-center {
	text-align: center;
}

.floatinglabel-revealed {
	display: inline-block;
	margin-bottom: 15px;
	position: relative;
}

.floatinglabel-revealed > :nth-child(1) {
	position: absolute;
	top: 5px;
	left: 16px;
	pointer-events: none;
	font-size: 11px;
	color: var(--text-secondary);
	font-weight: bold;
	line-height: 18px;
}

.direct-connect-contact-info-div {
	display: flex;
	justify-content: space-between;
}

.direct-connect-contact-info-div > label {
	width: 48%;
}

input[type=text].direct-connect-input,
input[type=email].direct-connect-input {
	width: 100%;
	padding-top: 15px;
}

.recommended-filter {
	height: 50px;
    margin-bottom: 20px;
}

.recommended-category-filter {
	float: right;
    width: 300px;
}