.calc-content .button {
  background: var(--White, #fff);
}
.calc-content .button.active {
  background: var(--Indigo-color-70, #105894) !important;
  color: var(--White, #FFF);
}

.server-custom,
.public-cloud-table.hidden,
.ready-offers.hidden {
  display: none !important;
}
.server-custom.visible {
  display: flex !important;
}

.nav-pills .nav-link.active {
  color: var(--White, #FFF) !important;
  background-color: var(--Blue-gray-950, #0F2D4B) !important;
  padding: 10px 14px;
}

.public-cloud-list .rack-addit .content {
  padding: var(--spacing-40) var(--spacing-32);
  height: 100%;
}

.public-cloud-list .location {
  flex-direction: row;
}

.public-cloud-list .location div {
  min-width: 140px;
  padding: 10px 16px;
  border: 1px solid var(--Gray-300, #D0D5DD);
  border-right: 0px;
}

.cloud-item>div {
  background: var(--bg-white, #FFF)
}

.public-cloud-list .location div:hover,
.cloud-item > div:hover {
  cursor: pointer;
  background: var(--Indigo-color-10, #E3EFFB);
}

.public-cloud-list .location label {
  margin: 0 0 0 5px;
  position: relative;
}

.public-cloud-list .location div {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.public-cloud-list .location div:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.public-cloud-list .location div:last-child {
  border-right: 1px solid var(--Gray-300, #D0D5DD);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.public-cloud-list .radio_elem {
  background: var(--White, #fff);
}

.public-cloud-list .radio_elem input {
  display: none;
}

.public-cloud-list .radio_elem.active {
  background: var(--Indigo-color-70, #105894) !important;
  color: var(--White, #FFF);
  border-color: var(--Indigo-color-70, #105894);
}

.public-cloud-list .radio_elem.active label {
  color: var(--White, #FFF);
}

.text-icon .mdi.mdi-radiobox-blank {
  color: var(--Gray-fons-400, #94A3B8);
}
.text-icon .mdi.mdi-radiobox-marked {
  color: var(--Indigo-color-70, #105894);
}

#customize button {
  min-width: 150px;
}

.text-point-list ul,
.list-arrow-right ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0px;
}

.text-point-list ul li {
  width: 50%;
  margin-top: var(--spacing-16);
  position: relative;
  padding-left: 30px;
  text-indent: -25px;
  font-weight: var(--font-weight-regular, 400);
}
.list-plus-sign ul li {
  width: 100%;
  margin-top: var(--spacing-16);
  position: relative;
  padding-left: 65px;
  text-indent: -57px;
  font-weight: var(--font-weight-regular, 400);
}

.list-arrow-right ul li {
  width: 100%;
}

.text-point-list ul li:before,
.list-arrow-right ul li:before {
  font: normal normal normal 24px / 1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  margin-right: var(--spacing-08);
}

.list-arrow-right ul li:before {
  content: '\F0054';
}

.list-green-check ul li:before {
  content: '\F05E0';
  color: var(--Success-600) !important;
}

@media (max-width: 767.98px) {
  .text-point-list ul li {
    width: 100%;
  }
}

.row-actions i {
  cursor: pointer;
  padding: 12px;
  border-radius: 8px;
}

.row-actions i:hover {
  background: var(--Gray-fons-100, #F1F5F9);
}

.row-actions i:active {
  background: var(--Brand-400, #18CEC7);
}

.v-info,
.p-info {
  display: none !important;
}

.v-info.visible,
.p-info.visible {
  display: flex !important;
}

.item-sh-cut div {
  background: var(--White, #FFF);
  border-radius: var(--button-border-radius, 6px);
}

.item-sh-cut div.active {
  color: var(--White, #FFF);
  background: var(--Indigo-color-70, #105894);
}

.rounded-ts {
  border-top-left-radius: 16px;
}
.rounded-bs {
  border-bottom-left-radius: 16px;
}
.rounded-te {
  border-top-right-radius: 16px;
}
.rounded-be {
  border-bottom-right-radius: 16px;
}
.padding-1p5-s {
  padding-left: 6px;
}
.padding-1p5-e {
  padding-right: 6px;
}
.padding-0p5-s {
  padding-left: 3px;
}
.padding-0p5-e {
  padding-right: 3px;
}

.public-cloud-other-table-cont {
  width: 100%;
  overflow-x: auto;
}
.public-cloud-other-table {
  position: relative;
  width: calc(100% - 4px);
  min-width: 800px;
}

.public-cloud-table tbody tr:first-child td:first-child>div {
  border-top-left-radius: 16px;
}

.public-cloud-table tbody tr:last-child td:first-child>div {
  border-bottom-left-radius: 16px;
}

.public-cloud-table tbody tr:last-child td:last-child>div {
  border-bottom-right-radius: 16px;
}

.public-cloud-table tbody tr td div,
.public-cloud-other-table tbody tr td > div {
  background-color: var(--bg-white, #FFF);
}
.public-cloud-table tbody tr:hover td > div,
.public-cloud-other-table tbody tr:hover td > div {
  background-color: var(--Indigo-color-10, #E3EFFB);
}
.public-cloud-other-table thead tr th > div {
  background-color: var(--bg-white, #FFF);
}
.public-cloud-other-table thead tr th:first-child div {
  background-color: transparent;
}

.public-cloud-table,
.public-cloud-other-table {
  position: relative;
}

.public-cloud-table thead {
  position: sticky;
  top: 120px;
}

.public-cloud-table thead::after,
.public-cloud-other-table thead::after {
  content: "";
  display: block;
  height: 8px;
}
.public-cloud-other-table tbody tr:last-child td > div,
.public-cloud-other-table tbody tr:hover:last-child td > div,
.public-cloud-other-table tbody tr:hover:last-child td > div > div {
  background-color: transparent;
}

.bottom-part .button {
  max-width: 260px;
}

@media (max-width: 1199.98px) {
  .public-cloud-table thead th {
    display: none;
  }

  .public-cloud-table thead th.active {
    display: flex;
    width: 100%;
  }

  .public-cloud-table tbody td:first-child {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }

  .public-cloud-table tbody .v-info.visible {
    display: none !important;
  }

  .public-cloud-table tbody .v-info.visible.active {
    display: flex !important;
  }
}

@media (max-width: 991.98px) {

  .public-cloud .display-xl-semi-bold {
    font-size: var(--display-lg-fs);
    line-height: var(--display-lg-lh);
  }

  .public-cloud .display-lg-semi-bold {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .public-cloud .text-xl-semi-bold {
    font-size: var(--text-lg-fs);
    line-height: var(--text-lg-lh);
  }

  .public-cloud .text-xl-medium {
    font-size: var(--text-lg-fs);
    line-height: var(--text-lg-lh);
  }

  .public-cloud .text-xl-regular {
    font-size: var(--text-lg-fs);
    line-height: var(--text-lg-lh);
  }
}

@media (max-width: 767.98px) {

  .public-cloud .display-xl-semi-bold {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .public-cloud .display-lg-semi-bold {
    font-size: var(--display-sm-fs);
    line-height: var(--display-sm-lh);
  }

  .public-cloud .display-md-medium {
    font-size: var(--display-xs-fs);
    line-height: var(--display-xs-lh);
  }

  .public-cloud .text-xl-semi-bold {
    font-size: var(--text-lg-fs);
    line-height: var(--text-lg-lh);
  }

  .public-cloud .text-xl-medium {
    font-size: var(--text-lg-fs);
    line-height: var(--text-lg-lh);
  }

  .public-cloud .text-xl-regular {
    font-size: var(--text-md-fs);
    line-height: var(--text-md-lh);
  }

  .public-cloud .text-lg-regular {
    font-size: var(--text-md-fs);
    line-height: var(--text-md-lh);
  }

  .public-cloud .text-lg-semi-bold {
    font-size: var(--text-md-fs);
    line-height: var(--text-md-lh);
  }

  .public-cloud .text-md-semi-bold {
    font-size: var(--text-sm-fs);
    line-height: var(--text-sm-lh);
  }

  .addit-serv .padding-1p5-e,
  .server-custom .padding-1p5-e {
    padding-right: 0px;
  }
  .addit-serv .padding-0p5-s,
  .server-custom .padding-0p5-s {
    padding-left: 0px;
  }
  .addit-serv .padding-1p5-e .rounded-bs,
  .server-custom .padding-1p5-e .rounded-bs {
    border-bottom-left-radius: 0px;
  }
  .addit-serv .padding-0p5-s .rounded-be,
  .server-custom .padding-0p5-s .rounded-be {
    border-bottom-left-radius: 16px;
  }
}

#server-inquiry-form .form-select {
  align-items: center;
  display: flex;
  width: 100%;
}

.ui-selectmenu-button.ui-state-invalid {
  border-color: #dc3545;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 2.25rem center;
  background-size: 18px 18px;
}

.ui-selectmenu-button.ui-state-valid {
  border-color: #198754;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 2.25rem center;
  background-size: 18px 18px;
}

.ui-selectmenu-open {
  z-index: 2000 !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .9 !important;
}

.ui-state-disabled .ui-selectmenu-icon {
  visibility: hidden;
}

.toggle {
  border: 1px solid var(--Gray-color-30, #BFC7D1);
  box-shadow: 0px 1px 2px 0px rgba(15, 45, 75, 0.05);
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 10px 14px;
  position: relative;
}

.toggle.active {
  border-color: var(--Brand-Color-fon-Dark, #0F2D4B);
}

.toggle.active label {
  color: var(--Gray-fons-950, #0E1111) !important;
}
.toggle .text {
  max-width: calc(100% - 56px);
}
.toggle i {
  font-size: 56px;
  position: absolute;
  top: -19px;
  right: 8px;
  color: var(--Gray-color-30, #BFC7D1);
  cursor: pointer;
}

.toggle.active i {
  color: var(--Brand-Color-fon-Dark, #0F2D4B);
}

.public-cloud-list+.bg-gray-05,
.public-cloud-list+.bg-gray-05>.container {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.public-cloud-list+.bg-gray-05>.container {
  padding-top: 4px !important;
  padding-bottom: 52px !important;
}

@media (max-width: 767.98px) {
  .public-cloud-list+.bg-gray-05>.container {
    padding-top: 32px !important;
  }
}

.active-field {
  position: relative;
  border-top-right-radius: .375rem !important;
  border-bottom-right-radius: .375rem !important;
}
.clear-input {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
}
.active-field:not(:placeholder-shown)~.clear-input {
  display: block;
}
div.input-group+span.is-invalid {
  color: #dc3545 !important;
}
.form-check-input:checked {
  background-color: var(--Indigo-color-70, #105894);
  border-color: var(--Indigo-color-70, #105894);
}
.form-check-input:focus,
.form-check-input:hover {
  border-color: var(--Brand-500, #18CEC7);
  box-shadow: 0px 0px 0px 4px #D4F3F2;
}
.form-check-input:hover {
  cursor: pointer;
}