@charset "UTF-8";
.dark-layout .form-control[type=file]::file-selector-button {
  background-color: #283046;
}

.datatables-basic tbody th, .datatables-basic tbody td {
  font-weight: normal;
}

.btn-primary-custom {
  color: #7367F0 !important;
  background-color: rgba(115, 103, 240, 0.2) !important;
  border-color: rgba(34, 41, 47, 0.08) !important;
}

.btn-primary-custom:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #7367F0;
}

.location-flag {
  width: 40px;
  height: 30px;
}

.datacenter-item .active {
  border: 2px solid #7367f0 !important;
  box-shadow: none;
  transition: none;
}

.datacenter-item:hover {
  cursor: pointer;
}

.datacenter-item .card {
  box-shadow: none;
  transition: none;
}

.datacenter-item .locationCity {
  font-size: 15px !important;
}

.os-item .card {
  box-shadow: none;
  transition: none;
}

.os-item .active {
  border: 2px solid #7367f0 !important;
  box-shadow: none;
  transition: none;
}

.os-item:hover {
  cursor: pointer;
}

.nav-tabs .nav-link.active:after {
  background: none !important;
}

.nav-tabs.nav--app {
  margin-top: 0.5rem;
}

.nav-tabs.nav--app .nav-item .nav-link {
  padding: 0.8rem 1.2rem;
}

.nav-tabs.nav--app .nav-item .nav-link:hover {
  color: #7367F0 !important;
}

.nav-tabs.nav--app .nav-item .nav-link.active {
  text-decoration: underline;
  background-color: transparent !important;
  font-weight: 400;
}
.nav-tabs.nav--app .nav-item .nav-link.active .nav-item .nav-link {
  padding: 0.8rem 1.2rem;
}
.nav-tabs.nav--app .nav-item .nav-link.active .nav-item .nav-link:hover {
  color: #7367F0 !important;
}
.nav-tabs.nav--app .nav-item .nav-link.active .nav-item .nav-link.active {
  text-decoration: underline;
  background-color: transparent !important;
  font-weight: 400;
}

.nav-tabs .nav-item .nav-link {
  font-weight: 400;
}

.nav-tabs .nav-item .nav-link.active {
  color: #7367F0 !important;
  background-color: rgba(115, 103, 240, 0.2) !important;
  border-color: rgba(34, 41, 47, 0.08) !important;
}

.nav-tabs .nav-link.active:after {
  transform: none !important;
}

.nav-tabs .nav-link:after {
  background: none !important;
  transition: none !important;
  transform: none !important;
}

.btn-primary-custom {
  color: #7367F0 !important;
  background-color: rgba(115, 103, 240, 0.2) !important;
  border-color: rgba(34, 41, 47, 0.08) !important;
}

.icon-os {
  width: 52px;
  height: 52px;
}

.plan-item .card {
  box-shadow: none;
  transition: transform 0.2s ease-out;
}

.plan-item .active {
  border: 2px solid #7367f0 !important;
  box-shadow: none;
  transition: transform 0.2s ease-out;
}

.plan-item:hover {
  cursor: pointer;
}

.options li {
  list-style-type: none; /* Убираем маркеры */
}

.inactive {
  color: #d5d5d5 !important;
}

.iti__flag {
  background-image: url(/images/flags.png?007b2705c0a8f69dfdf6ea1bfa0341c9);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url(/images/flags@2x.png?9d5328fb490cddd43f6698012123404b);
  }
}
.lb-cancel {
  background: url(/images/loading.gif?f657825a2eeed04632b01ed85f528407) no-repeat;
}

.lb-nav a.lb-prev {
  background: url(/images/prev.png?0edc57ccafb3ea81859786274edf7897) left 48% no-repeat;
}

.lb-nav a.lb-next {
  background: url(/images/next.png?62074ac70bd3cfc10445d325a205a3cf) right 48% no-repeat;
}

.lb-data .lb-close {
  background: url(/images/close.png?0cfd6489536ec0987466795401497368) top right no-repeat;
}

.support-title {
  vertical-align: bottom;
}

.instance-detail .server-control {
  width: 38px;
  height: 38px;
  opacity: 0.12;
  margin: 0 auto;
}

.instance-detail .parent-control svg {
  position: absolute;
  top: 25%;
  transform: translate(-50%, -50%);
}

.instance-detail .parent-control {
  position: relative;
}

.instance-detail .parent-control:hover {
  cursor: pointer;
}

.copyIp:hover,
.copyUrl {
  cursor: pointer;
}

.machineOptions .copyIp {
  margin-left: 2px;
  vertical-align: text-top;
}

.machineOptions .option-title {
  font-size: 12px;
}

.machineOptions .countryRegion {
  display: none;
}

.machineOptions .countryName {
  margin-top: 0 !important;
}

.machineOptions .countryDetail {
  margin-left: 8px !important;
}

.machineOptions .country .flag-icon {
  margin-left: 0 !important;
  padding-top: 6px !important;
}

.table-vm-params tr {
  height: 60px;
}

.table-vm-params .table-vm-params-label {
  width: 30%;
  font-size: 15px;
  vertical-align: top;
  padding-top: 0;
}

.table-vm-params .table-vm-params-value {
  width: 70%;
  font-size: 15px;
  vertical-align: top;
  padding-top: 0;
}

.instance-detail .plan-item {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.instance-detail .resizeTypeItem, .instance-password .authTypeItem {
  background-color: #F3F2F7;
  border: 1px solid #EBE9F1 !important;
  border-radius: 5px !important;
}

.instance-detail .resizeTypeItem.active, .instance-password .authTypeItem.active {
  background-color: #FFFFFF !important;
}

.instance-detail .resizeDescription {
  margin-left: 31px !important;
}

.instance-detail .resizeTypeItem .innerWrap {
  width: 90% !important;
}

.instance-detail .plans .disabled, .plans .disabled .text-primary, .plans .disabled .h3 {
  color: #B9B9C3 !important;
}

.instance-detail .plan-item.active {
  border: 2px solid #7367f0 !important;
  box-shadow: none;
  transition: none;
}

.instance-detail .plan-item {
  width: 22% !important;
}

.instance-detail .plan-item.disabled {
  cursor: default;
}

.instance-detail input[type=radio]:hover {
  cursor: pointer !important;
}

.instanceDetailHeader .instanceName {
  color: rgb(115, 103, 240) !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.instanceDetailHeader .instanceName:hover {
  cursor: pointer;
}

.instance-detail .was-validated .form-control:invalid, .instance-detail .form-control.is-invalid,
.instance-password .was-validated .form-control:invalid, .instance-password .form-control.is-invalid {
  background-image: none !important;
}

#passwordModal .password-pass {
  font-size: 11px !important;
}

.scrolled-down {
  transform: translateY(-130%);
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}

.scrolled-up {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

.loadArea .parent-control {
  opacity: 0.3;
}

.loadArea .parent-control:hover {
  cursor: default;
}

.loadArea .control-preloader {
  position: absolute;
  right: 137px;
  opacity: 1;
  top: 50px;
  font-size: 17px;
}

.loadArea .control-preloader .spinner-border {
  width: 21px;
  height: 21px;
  border-width: 2px;
}

.instanceStatusWrapper .itemStatus {
  vertical-align: baseline !important;
}

.balanceSummary .summaryItem {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  height: 100px;
  flex-direction: column;
  text-align: center;
}

.balanceSummary .summaryItem .amount {
  font-weight: 500;
  font-size: 24px;
}

.summaryItemTitle {
  padding-top: 10px;
  height: 60px;
}

.emptyUnpaidInvoice, .unpaidInvoiceTable, .usageReport {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.balanceSummary .infoIcon:hover {
  cursor: pointer;
}

.billing-summary-item-row {
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  border-bottom: 1px solid #ebe9f1;
}

.usageReport .accordion .accordion-item {
  margin-bottom: 10px !important;
  padding-right: 10px !important;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) !important;
}

.box-shadow {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) !important;
}

.invoice_tr_unpaid {
  border-top: 2px solid #ea9e9e;
  border-bottom: 2px solid #ea9e9e;
  background-color: rgba(250, 50, 50, 0.07);
}

#errorModal .icon {
  fill: yellow;
  width: 70px;
  height: 70px;
}

#errorModal .title {
  color: red;
}

#errorModal .modal-footer {
  border-top: none;
}

.overview-ip-margin {
  margin-top: -9px;
}

.select2-has-error .select2-selection {
  /*border: 1px solid #a94442;
  border-radius: 2px;*/
  border-color: rgb(185, 74, 72) !important;
}

.my-border {
  border-bottom: 1px solid rgba(34, 41, 47, 0.05);
  height: 1px;
  width: 100%;
}

.pass-instance-block {
  width: 50% !important;
}

#toast-container > div.toast:before {
  content: none;
}

@media (max-width: 425px) {
  .instance-detail .resizeTypeItem {
    width: 100% !important;
    height: auto !important;
  }
  .instance-detail .plan-item {
    width: 100% !important;
  }
  .pass-instance-block {
    width: 100% !important;
  }
  #snapshots-datatable_filter {
    text-align: right;
  }
  #snapshots-datatable_wrapper .dt-buttons {
    text-align: right;
  }
  .billingMenu ul.nav {
    width: 100% !important;
  }
  .billingMenu li.nav-item {
    width: 45% !important;
    margin-bottom: 1rem !important;
  }
  .billingMenu .nav-tabs .nav-link {
    padding: 0.61rem 0.5rem !important;
  }
  #billing-summary-box .accordion-button {
    display: inline-block;
    text-align: center;
  }
  #billing-summary-box .accordion-item {
    text-align: center !important;
  }
  #toast-container {
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }
  #toast-container > div {
    padding: 8px 8px !important;
    width: 96% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .toast-title {
    text-align: center;
  }
}
@media (min-width: 300px) and (max-width: 768px) {
  .linkCreditCard .cardDetails input {
    margin-bottom: 5px;
    text-align: left;
  }
  .linkCreditCard .cvvParent {
    margin-right: 1rem !important;
  }
  .linkCreditCard .creditCardDescription p {
    text-align: center !important;
  }
  .linkCreditCard .cardDetails .icons {
    justify-content: center !important;
  }
  .linkCreditCard .amountRectangleWrapper div {
    margin-right: 0px !important;
  }
}
@media (min-width: 426px) and (max-width: 768px) {
  .instance-detail .resizeTypeItem {
    width: 47% !important;
    height: auto !important;
  }
  .instance-detail .plan-item {
    width: 47% !important;
  }
  .pass-instance-block {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  #toast-container > div {
    width: 380px;
    padding: 15px 15px !important;
  }
  .toast-title {
    width: 96%;
  }
}
.linkCreditCard .cardDetails {
  border: 1px solid #D8D6DE;
  border-radius: 5px;
}

.linkCreditCard .amountRectangle {
  width: 52px;
  height: 39px;
  padding: 0.5rem !important;
  border: 1px solid #D8D6DE;
  border-radius: 2px;
}

.linkCreditCard .amountRectangle:hover {
  cursor: pointer;
  background-color: rgba(216, 223, 229, 0.5);
}

.linkCreditCard .amountRectangle.active {
  border: 2px solid #7367f0 !important;
  box-shadow: none;
  transition: none;
}

.linkCreditCard .serviceUrl {
  color: #107BF6;
}

.linkCreditCard .separator {
  background-color: red;
  width: 1px;
  height: 23px;
}

.nocard {
  background-color: #ffffff;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 0.428rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

.copyPassword:hover {
  cursor: pointer;
}

.plans .plan-item {
  transition: transform 500ms !important;
}

.plans .plan-item:hover {
  box-shadow: 2px 2px 2px 2px rgba(22, 22, 22, 0.2) !important;
  transform: scale(1.02) !important;
}

.plan-section .card-hover {
  transition: transform 500ms !important;
}

.plan-section .card-hover:hover {
  box-shadow: 2px 2px 2px 2px rgba(22, 22, 22, 0.2) !important;
  transform: scale(1.02) !important;
}

.cursorPointer:hover {
  cursor: pointer !important;
}

.cursorDefault:hover {
  cursor: default !important;
}

@media (min-width: 768px) {
  .table.dataTable td.os__td {
    white-space: nowrap;
  }
}
.table.dataTable td .os__icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.table.dataTable td .os__title {
  display: inline-block;
  vertical-align: middle;
}

#backups-datatable tr:hover, #backup-plans-datatable tr:hover, #snapshots-datatable tr:hover {
  cursor: default;
}

#instances-table .copyIp {
  margin-left: 2px;
}

.account-top {
  background-color: rgba(115, 103, 240, 0.1);
  border-radius: 8px;
}

.ssh-key-card {
  background-color: rgba(130, 134, 139, 0.05);
  border: 1px solid rgba(22, 22, 22, 0.2);
  transition: transform 500ms !important;
}

.ssh-key-card:hover {
  background-color: rgba(115, 103, 240, 0.2);
  border: 1px solid rgb(115, 103, 240);
  transform: scale(1.02) !important;
}

.account-tabs-block {
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}

.btn-account-tab-active {
  color: #7367F0 !important;
  border: 0;
  border-radius: 0;
  border-bottom: 3px solid #7367F0;
}

.btn-account-tab-active:hover {
  color: #7367F0 !important;
  border: 0;
  border-radius: 0;
  border-bottom: 3px solid #7367F0;
  background-color: rgba(115, 103, 240, 0.1) !important;
}

.btn-account-tab {
  color: #636363 !important;
  border: 0;
  border-radius: 0;
}

.btn-account-tab:hover {
  color: #636363 !important;
  border: 0;
  border-radius: 0;
  background-color: rgba(115, 103, 240, 0.1) !important;
}

.plan-top-addon {
  height: 15px;
  padding-top: 10px;
  padding-right: 10px;
  text-align: right;
}

.log-info-swal-html-wrapper {
  text-align: left;
}

.log-info-ms-font {
  font-size: 12px;
  font-family: "Monospace";
}

.log-info-caption {
  font-weight: bold;
  font-size: 14px;
  color: maroon;
  font-family: Arial, Helvetica, sans-serif;
}

.log-info-item-pre {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: 12px;
  font-family: "Monospace";
}

.log-info-subtitle {
  font-size: 16px;
  font-weight: bold;
}

.log-info-area-wrapper {
  overflow: auto;
  width: 100%;
  height: 400px;
}

.logs-table {
  font-family: Arial, Helvetica, sans-serif;
}

tr.logDeletedRow td {
  color: #d58b8b;
}

tr.logDeletedRow:hover td {
  color: #d58b8b;
}

tr.logDeletedRow:nth-child(odd) td {
  color: #d58b8b;
}

.pace {
  display: none !important;
}

.my-dropzone {
  background: #E3E1FC;
  cursor: pointer !important;
  border: 1px solid #d8d6de;
  height: 43px !important;
  padding: 0 !important;
  min-height: 0px !important;
  border-radius: 0.357rem;
}

.active-dropzone {
  border: 1px solid #7367f0 !important;
}

.my-dropzone .dz-preview {
  display: none;
}

#attachments-dropzone::-moz-placeholder {
  color: #636363;
}

#attachments-dropzone::placeholder {
  color: #636363;
}

.attachment-control {
  background-color: #E3E1FC;
}

.attachment-control-icon {
  color: #636363;
}

.my-dropzone .dz-default {
  width: 100%;
  margin: 0;
  height: 40px;
  position: absolute;
}

.my-dropzone.dz-started .dz-message {
  display: inline-block !important;
}

.my-dropzone .dropzone-text {
  margin: 10px;
}

.my-dropzone .attachment-control {
  border: none;
  background-color: #E3E1FC;
}

.instance-detail-app-menu__wrapper {
  padding: 0 1rem;
  display: flex;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 767.98px) {
  .instance-detail-app-menu__wrapper {
    flex-direction: column;
  }
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu {
  background: #FAF9FF;
  border-radius: 10px;
  padding: 10px;
  transition: max-width 0.35s ease;
}
@media (min-width: 768px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded {
    max-width: 58px;
  }
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .top .arr {
    justify-content: center;
  }
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .top .arr svg {
    transform: rotate(180deg);
  }
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .search-block input {
    padding-left: 23px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .search-block input {
    pointer-events: none;
  }
}
@media (min-width: 768px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .search-block input::-moz-placeholder {
    color: transparent;
  }
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .search-block input::placeholder {
    color: transparent;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .search-block .search-block__results {
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu.expanded .nav {
    display: none !important;
  }
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .top {
  text-align: right;
  margin-bottom: 3px;
}
@media (max-width: 767.98px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu .top {
    margin-bottom: 5px;
  }
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .top .arr {
  cursor: pointer;
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu .top .arr {
    display: none;
  }
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block {
  position: relative;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block label {
  position: relative;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block input {
  padding-left: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9589 13.348C13.0623 13.3475 13.1616 13.3069 13.2357 13.2348L13.2357 13.2348L13.2366 13.2339L12.6793 13.2338C12.7159 13.2706 12.7595 13.2997 12.8076 13.3193C12.8556 13.3389 12.907 13.3487 12.9589 13.348ZM12.9589 13.348C12.9587 13.348 12.9586 13.348 12.9584 13.348L12.958 13.248L12.9593 13.348C12.9592 13.348 12.959 13.348 12.9589 13.348ZM6.77044 11.8891C7.99341 11.8899 9.17484 11.4511 10.1 10.6545L12.679 13.2335L11.7891 6.77051H11.8891C11.8891 6.77048 11.8891 6.77046 11.8891 6.77044C11.889 3.94665 9.5913 1.65195 6.77051 1.65195C3.94669 1.65195 1.65195 3.94969 1.65195 6.77051C1.65195 9.59134 3.94962 11.889 6.77044 11.8891ZM6.77044 11.8891L6.77051 11.7891M6.77044 11.8891C6.77046 11.8891 6.77048 11.8891 6.77051 11.8891V11.7891M6.77051 11.7891C8.00044 11.7899 9.1875 11.3372 10.1045 10.5176L6.77051 11.7891ZM13.2366 12.6792L10.6546 10.1L13.2367 12.6793L13.2366 12.6792ZM2.43496 6.77051C2.43496 4.38238 4.37945 2.43789 6.76758 2.43789C9.15571 2.43789 11.1002 4.38238 11.1002 6.77051C11.1002 9.15864 9.15571 11.1031 6.76758 11.1031C4.37945 11.1031 2.43496 9.15864 2.43496 6.77051Z' fill='%2382868B' stroke='%2382868B' stroke-width='0.2' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: auto;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block input:focus::-moz-placeholder, .instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block input:active::-moz-placeholder {
  color: transparent;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block input:focus::placeholder, .instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block input:active::placeholder {
  color: transparent;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block .search-block__results {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 100%;
  background-color: white;
  flex-direction: column;
  transform: translate(0, 100%);
  max-height: 400px;
  z-index: 1;
  overflow-y: auto;
  box-shadow: 0px 0px 0px 1px #d8d6de inset;
  border-radius: 0.357rem;
}
@media (max-width: 767.98px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block .search-block__results {
    max-height: 95px;
  }
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block .search-block__results a {
  border: none !important;
  padding: 1rem 1rem;
  display: none;
  font-size: 13px !important;
  transition: all 0.35s ease;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block .search-block__results a:hover {
  color: #7367F0 !important;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .search-block .search-block__results a.show {
  display: block;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block {
  padding-top: 11px;
  display: flex;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons {
  display: inline-flex;
  vertical-align: top;
  flex-direction: column;
  width: 38px;
  float: left;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons > div {
  border-radius: 3px;
  padding: 7px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 17px 0 rgba(21, 25, 56, 0.13);
  background: white;
  margin-top: 7px;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons > div svg path {
  fill: #7367F0;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons > div.dark, .instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons > div.active {
  background: #7367f0;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons > div.dark svg path, .instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons > div.active svg path {
  fill: white;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .icons > div svg {
  max-width: 100%;
  max-height: 100%;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .nav {
  display: inline-flex;
  vertical-align: top;
  margin-top: 0;
  padding-left: 3px;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .nav:last-child {
  margin-bottom: 0rem;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block .nav .nav-item:last-child {
  margin-bottom: 0 !important;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item {
  min-width: 100%;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item > .nav-link {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px !important;
  text-decoration: none;
  justify-content: flex-start;
  width: calc(100% - 38px);
  float: right;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item > .nav-link.parent:before {
  content: "";
  display: block;
  position: absolute;
  top: 46%;
  right: 8px;
  transform: translate(0, -50%);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.56694 0.183058C8.81102 0.427136 8.81102 0.822864 8.56694 1.06694L4.81694 4.81694C4.57286 5.06102 4.17714 5.06102 3.93306 4.81694L0.183059 1.06694C-0.0610199 0.822864 -0.0610199 0.427136 0.183059 0.183058C0.427135 -0.0610198 0.822864 -0.0610198 1.06694 0.183058L4.375 3.49112L7.68306 0.183058C7.92714 -0.0610195 8.32286 -0.0610195 8.56694 0.183058Z' fill='%23625F6E' /%3E%3C/svg%3E");
  width: 9px;
  height: 9px;
  transition: all 0.35s ease;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item > .nav-link.parent.closed:before {
  transform: translate(0, -50%) rotate(180deg);
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item > .nav-link.active {
  text-decoration: none;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item > .nav-link.closed + ul {
  display: none !important;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item .nav.nav--app.nav-tabs.nav--app {
  margin-top: 0.5rem;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item .nav.nav--app.nav-tabs.nav--app {
    flex-direction: column;
  }
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item .nav.nav--app.nav-tabs.nav--app > .nav-item > .nav-link {
  text-transform: none;
  justify-content: flex-start;
  text-decoration: none;
  font-size: 13px !important;
  padding: 0.45rem 1.8rem;
  font-weight: 600;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item .nav.nav--app.nav-tabs.nav--app > .nav-item > .nav-link.active {
  text-decoration: underline;
}
.instance-detail-app-menu__wrapper .instance-detail-app-menu .block > .nav-tabs.nav--app > .nav-item > ul {
  width: calc(100% - 38px);
  margin-left: 38px;
}

@media (min-width: 768px) {
  .instance-detail-app-menu {
    max-width: 276px;
  }
}
.instance-detail-app-content {
  padding-bottom: 4.714rem;
}
@media (max-width: 767.98px) {
  .instance-detail-app-content {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 1.5rem !important;
  }
}

.instance-detail-app-content .enterDomainWrap {
  max-width: 320px;
}

.instance-detail-app-content .enterDomainWrap label {
  color: #82868B;
}

.instance-detail-app-content .note {
  background: rgba(216, 214, 222, 0.5);
  color: #6E6B7B;
  font-size: 0.857rem;
  padding: 1.714rem;
  width: 555px;
  max-width: 100%;
}

.instance-detail-app-content .note p {
  font-size: 0.857rem;
  line-height: 1.25;
}

.instance-detail-app-content .note p:last-child {
  margin-bottom: 0;
}

.instance-detail-app-content .edit-wrap {
  display: inline-block;
  position: relative;
}

.instance-detail-app-content .edit-wrap .edit-icon.hiden {
  display: none;
}

.instance-detail-app-content .edit-wrap .edit-icon.hiden + .feather-check {
  display: inline-block !important;
}

.instance-detail-app-content .edit-wrap .feather-check {
  display: none;
  color: #28c76f;
  cursor: pointer;
}

.instance-detail-app-content .edit-icon {
  cursor: pointer;
}

@media (min-width: 768px) {
  .instance-detail-app-content dt.col-sm-2 {
    width: 100%;
    max-width: 100px;
  }
}
.instance-detail-app-content dd input {
  width: 5rem;
}

.instance-detail-app-content dd .viewed {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye-off font-small-4'%3E%3Cpath stroke='none' d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E");
}

.instance-detail-app-content .h4 {
  color: #6E6B7B;
}

.empty-ips-block {
  max-width: 511px;
}

.empty-ips-block h1 {
  color: #636363;
}

.empty-ips-block h6 {
  color: #82868B;
  line-height: 1.214rem;
}

.reserved-ips__block .item {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 1.5rem 1.5rem;
  background-color: #F2F1F5;
  border-radius: 6px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-top: 1.5rem;
}

.reserved-ips__block .item:first-child {
  margin-top: 0;
}

@media (min-width: 576px) {
  .reserved-ips__block .item {
    padding: 1.286rem 2.857rem 1.571rem 2.143rem;
  }
}
@media (min-width: 992px) {
  .reserved-ips__block .item {
    width: 387px;
    max-width: calc(50% - 4.771rem);
    margin-right: 4.571rem;
    margin-top: 0;
  }
}
.reserved-ips__block .item.disabled {
  pointer-events: none;
  opacity: 0.51;
}

.reserved-ips__block .item.active {
  cursor: auto;
  background-color: white;
  box-shadow: 1px 1px 16px rgba(17, 22, 49, 0.17);
}

.reserved-ips__block .item label {
  color: #82868B;
}

.reserved-ips__block .item .btn {
  min-width: 180px;
}

@media (max-width: 576px) {
  .datatables-reserved-ips-outer {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media (max-width: 576px) {
  .datatables-reserved-ips-outer .datatables-reserved-ips-wrapper {
    overflow-x: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.datatables-reserved-ips {
  margin-bottom: 9.5rem !important;
}

@media (max-width: 576px) {
  .datatables-reserved-ips {
    margin-bottom: 4.5rem !important;
  }
}
@media (max-width: 576px) {
  .datatables-reserved-ips td, .datatables-reserved-ips th {
    min-width: 150px;
    padding: 0.72rem 1rem !important;
  }
}
.datatables-reserved-ips thead {
  position: relative;
}

.datatables-reserved-ips thead:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #f3f2f7;
}

.datatables-reserved-ips thead:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  background-color: #f3f2f7;
}

.datatables-reserved-ips thead tr {
  position: relative;
  z-index: 1;
  color: #6E6B7B;
  font-weight: 700;
}

.datatables-reserved-ips thead tr th:first-child {
  padding-left: 0;
}

@media (max-width: 576px) {
  .datatables-reserved-ips thead tr th:first-child {
    padding-left: 1.5rem !important;
  }
}
.datatables-reserved-ips thead tr th:last-child {
  width: 7.143rem;
}

.datatables-reserved-ips tbody tr {
  position: relative;
}

.datatables-reserved-ips tbody tr:last-child > * {
  border-bottom-width: 1px !important;
}

.datatables-reserved-ips tbody td {
  position: relative;
}

@media (max-width: 576px) {
  .datatables-reserved-ips tbody td {
    overflow: hidden;
  }
}
.datatables-reserved-ips tbody td:first-child {
  color: #6E6B7B;
  font-weight: 500;
  padding-left: 0;
}

@media (max-width: 576px) {
  .datatables-reserved-ips tbody td:first-child {
    padding-left: 1.5rem !important;
  }
}
.datatables-reserved-ips tbody td:first-child:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3rem;
  height: 1px;
  background-color: #ebe9f1;
  transform: translate(-100%, 100%);
}

.datatables-reserved-ips tbody td:last-child:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3rem;
  height: 1px;
  background-color: #ebe9f1;
  transform: translate(100%, 100%);
}

.datatables-reserved-ips tbody td .disable {
  opacity: 0.3;
  pointer-events: none;
}

.datatables-reserved-ips .delete-icon {
  color: #6E6B7B;
}

.reserved-ips-dl dl dt.col-sm-2 {
  width: 100%;
  max-width: 120px;
}

.reserved-ips-dl dl dt span {
  color: #82868B;
  font-weight: 400;
}

.reserved-ips-dl dl dd {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.214;
  color: #5E5873;
  margin-bottom: 0.75rem;
}

.reserved-ips-dl dl dd .edit-wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.reserved-ips-dl dl dd .edit-wrap .edit-icon {
  cursor: pointer;
}

.reserved-ips-dl dl dd .edit-wrap .edit-icon.hiden {
  display: none;
}

.reserved-ips-dl dl dd .edit-wrap .edit-icon.hiden + .feather-check {
  display: inline-block !important;
}

.reserved-ips-dl dl dd .edit-wrap .feather-check {
  display: none;
  color: #28c76f;
  cursor: pointer;
}

.reserved-ips-dl dl dd span {
  vertical-align: middle;
}

.reserved-ips-dl dl dd input {
  border: 1px solid #D8D6DE;
  border-radius: 6px;
  min-width: 6.429rem;
  width: 133px;
  font-size: 0.714rem;
  padding: 0.325rem 0.857rem;
}

.reserved-ips-dl dl dd .flag-icon {
  font-size: 1.286rem;
}

.reserved-ips-attach {
  margin-bottom: 13.143rem;
}

@media (max-width: 576px) {
  .reserved-ips-attach {
    margin-bottom: 6.143rem;
  }
}
.reserved-ips-attach .btn {
  min-width: 179px;
}

.delete-reserved-ips-modal .swal2-title {
  font-weight: 500;
  font-size: 1.5rem;
}

.delete-reserved-ips-modal .swal2-html-container > span {
  font-size: 1rem;
}

.delete-reserved-ips-modal .btn-primary {
  min-width: 179px;
}

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

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

#user-firewalls-datatable > tbody > tr > td {
  --bs-table-accent-bg: #fff !important;
}

td .spinner-border {
  width: 1.15rem !important;
  height: 1.15rem !important;
  border-width: 2px;
}

.feather-info {
  margin-top: -3px;
}

.rule-table tr th, .rule-table tr td {
  padding: 1rem 2rem;
}

.admin-users-tabs .nav-item .nav-link.active {
  background-color: rgb(115, 103, 240) !important;
  color: #ffffff !important;
}

.admin-users-payments-tabs .nav-item,
.admin-users-resources-tabs .nav-item {
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}

.admin-users-payments-tabs .nav-item .nav-link.active,
.admin-users-resources-tabs .nav-item .nav-link.active {
  border-bottom: 3px solid #7367F0 !important;
  background-color: transparent !important;
}

.under-c-padding {
  padding-left: 0.6rem !important;
}

input.digit {
  padding: 0.5rem;
  border: 1px solid #c6c6c6;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 2rem;
  border-radius: 4px;
}

.invalid-error {
  border: 1px solid red !important;
}

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

.paymentAuthorization .cardDetailsWrapper {
  flex: 0 0 auto !important;
  width: 100% !important;
}

.paymentAuthorization .linkCreditCardDefaultBtn {
  display: none !important;
}

.paymentAuthorization .linkCreditCardInnerTitle {
  display: none !important;
}

.paymentAuthorization .paymentAuthorizeDescription {
  display: block !important;
}

.paymentAuthorization .cardDetailsWrapper .cardDetails {
  border: none !important;
  padding: 3px 3px;
}

.paymentAuthorization .payPalWrapper .amountItem,
.paymentAuthorization .stripeWrapper .amountItem {
  height: 48px;
  border: 1px solid #6E6B7B;
  border-radius: 6px;
}

.paymentAuthorization .payPalWrapper .amountItem:hover,
.payPalWrapper .amountItem input:hover,
.paymentAuthorization .stripeWrapper .amountItem:hover,
.stripeWrapper .amountItem input:hover {
  cursor: pointer;
}

.paymentAuthorization .payPalWrapper .amountItem.active,
.paymentAuthorization .stripeWrapper .amountItem.active {
  border: 1px solid #7367F0 !important;
  background-color: rgba(115, 103, 240, 0.0705882353);
}

.paymentAuthorization .preloader {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  opacity: 0.5;
  background-color: #fbfbfb;
}

.prepaidPaidAuthorization .dynamicArea .box-shadow {
  box-shadow: none !important;
}

.prepaidPaidAuthorization .dynamicArea .totalAmountBlock {
  font-size: 17px !important;
}

.prepaidPaidAuthorization .dynamicArea .col-12 {
  padding-left: 0 !important;
}

.prepaidPaidAuthorization .dynamicArea .row.pt-2, .prepaidPaidAuthorization .dynamicArea .card-body {
  padding-top: 0 !important;
}

.prepaidPaidAuthorization .dynamicArea .card-body {
  padding-left: 15px;
}

.prepaidPaidAuthorization .separator-error {
  background-color: red;
  width: 1px;
  height: 23px;
}

.paymentMethodError .separator-error {
  background-color: red;
  width: 1px;
  height: 23px;
}

.vpc-edit .countryRegion {
  display: none;
}

.vpc-edit .flag-icon {
  padding-top: 0 !important;
}

#vpc-table .countryRegion {
  display: none;
}

#vpc-table .flag-icon {
  padding-top: 1rem !important;
}

.vpc-inner .account-tabs-block .btn-account-tab-active {
  border-bottom: 1px solid #7367F0 !important;
}

.vpc-inner .account-tabs-block {
  padding-left: 1px !important;
  margin-left: 13px !important;
}

.vpc-linked-instances .select2-container--classic .select2-selection--multiple .select2-selection__choice,
.vpc-linked-instances .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 6px !important;
  background-color: #ffffff !important;
  color: #7367f0 !important;
}

.vpc-linked-instances .container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #7367f0 !important;
  cursor: pointer !important;
}

.vpc-linked-instances .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMzUgOC42NUM5LjU1IDguODUgOS41NSA5LjE1IDkuMzUgOS4zNUM5LjI1IDkuNDUgOS4xNSA5LjUgOSA5LjVDOC44NSA5LjUgOC43NSA5LjQ1IDguNjUgOS4zNUw2IDYuN0wzLjM1IDkuMzVDMy4yNSA5LjQ1IDMuMTUgOS41IDMgOS41QzIuODUgOS41IDIuNzUgOS40NSAyLjY1IDkuMzVDMi40NSA5LjE1IDIuNDUgOC44NSAyLjY1IDguNjVMNS4zIDZMMi42NSAzLjM1QzIuNDUgMy4xNSAyLjQ1IDIuODUgMi42NSAyLjY1QzIuODUgMi40NSAzLjE1IDIuNDUgMy4zNSAyLjY1TDYgNS4zTDguNjUgMi42NUM4Ljg1IDIuNDUgOS4xNSAyLjQ1IDkuMzUgMi42NUM5LjU1IDIuODUgOS41NSAzLjE1IDkuMzUgMy4zNUw2LjcgNkw5LjM1IDguNjVaIiBmaWxsPSJibGFjayIvPgo8bWFzayBpZD0ibWFzazBfOTM1NV83MTgiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIyIiB5PSIyIiB3aWR0aD0iOCIgaGVpZ2h0PSI4Ij4KPHBhdGggZD0iTTkuMzUgOC42NUM5LjU1IDguODUgOS41NSA5LjE1IDkuMzUgOS4zNUM5LjI1IDkuNDUgOS4xNSA5LjUgOSA5LjVDOC44NSA5LjUgOC43NSA5LjQ1IDguNjUgOS4zNUw2IDYuN0wzLjM1IDkuMzVDMy4yNSA5LjQ1IDMuMTUgOS41IDMgOS41QzIuODUgOS41IDIuNzUgOS40NSAyLjY1IDkuMzVDMi40NSA5LjE1IDIuNDUgOC44NSAyLjY1IDguNjVMNS4zIDZMMi42NSAzLjM1QzIuNDUgMy4xNSAyLjQ1IDIuODUgMi42NSAyLjY1QzIuODUgMi40NSAzLjE1IDIuNDUgMy4zNSAyLjY1TDYgNS4zTDguNjUgMi42NUM4Ljg1IDIuNDUgOS4xNSAyLjQ1IDkuMzUgMi42NUM5LjU1IDIuODUgOS41NSAzLjE1IDkuMzUgMy4zNUw2LjcgNkw5LjM1IDguNjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTM1NV83MTgpIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSIjNzM2N0YwIi8+CjwvZz4KPC9zdmc+Cg==");
  background-size: 0.85rem;
  height: 0.85rem;
  width: 0.85rem;
  position: absolute;
  top: 22%;
  left: -4px;
}

.vpc-linked-instances #link-instance-btn, .vpc-linked-instances #submitBtnPreloader {
  width: 180px !important;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
.animated-background {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background-color: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 70px;
  position: relative;
}

.modal-header .ipSectionLine {
  display: inline-block !important;
}

.transmitter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.card_expired {
  min-width: 80px;
  text-align: center;
}

.marketplace.disabled:hover {
  cursor: default;
}

.marketplace .comingSoon p {
  font-size: 12px;
  color: black;
  font-family: "Montserrat" !important;
  background: #DCD9FB !important;
}

.marketplace.disabled .iconArea img, .marketplace.disabled .card-body {
  opacity: 30%;
}

.marketplace.disabled .card-body .plash {
  width: 91%;
  z-index: 999;
  height: 38px;
  position: absolute;
}

.migration-tools .downloadBlock {
  border: 1px solid #D8D6DE;
  min-width: 214px;
  max-width: 214px;
  border-radius: 10px;
}

#selectStagingModal .modal-dialog {
  max-width: 650px;
}

#selectStagingModal .infoIcon {
  height: 1.5rem !important;
  width: 1.5rem !important;
}

#selectStagingModal .modal-header {
  background-color: #fff !important;
  height: 0;
}

#stageLoader .viewed, .migration-tools .viewed {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye-off font-small-4'%3E%3Cpath stroke='none' d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/svg%3E");
}

#stageLoader .tokenWrapper {
  display: inline;
}

.synchronization .syncBtn {
  max-width: 190px;
}

.synchronization .sync-separator {
  max-width: 700px;
}

.mark-as-read-btn:hover [data-feather=mail] {
  color: purple;
}

.notification-header {
  margin-left: 20px;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.notification-icon {
  position: relative;
}

.unread-notification .notification-dot {
  width: 6px;
  height: 6px;
  background-color: #7367f0;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 5px;
  right: 5px;
}

.read-notification {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.notification-btn {
  color: #fff;
  background-color: #7367f0;
  border-color: #7367f0;
  border-radius: 5px;
  padding: 10px 10px;
  width: 350px;
  text-decoration: none;
}

.mark-all-as-read-btn {
  margin-right: 20px;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.notification-menu {
  width: auto;
  height: auto;
  right: 0;
  left: auto;
  scrollbar-color: #e9e9e9 #ffffff;
  scrollbar-width: thin;
}

.badge-light-purple {
  background-color: rgba(115, 103, 240, 0.6);
  color: #fff;
  font-size: 14px;
}

.mail-icon {
  margin-right: 20px;
  top: 5px;
  right: 5px;
}

.hr-line {
  border-color: #ddd;
  margin: 0;
}

.span-bold {
  font-weight: bold;
}

.account_top {
  width: 97%;
}

.account_row {
  width: 400px;
}

.account_content {
  width: 450px;
}

.account_button {
  width: 210px;
  align-items: center;
}

.btn_acc {
  width: 180px;
  height: 50px;
  background-color: white;
}

.btn_limitSub {
  font-size: 14px;
  width: 100px;
  padding: 15px 0;
}

.btn_limitPre {
  font-size: 14px;
  width: 100px;
  padding: 15px 0;
}

.limits_header {
  text-align: center;
  background-color: white !important;
}

.limits_list {
  font-family: Montserrat, serif;
  font-size: 26px;
  color: #5E5873;
  margin: auto;
}

.limits_close {
  background-color: white;
  border: none;
}

.paymentAuthorization .iCreditBlock form {
  margin-bottom: 0px !important;
}

.icredit-date-mask-input, .icredit-card-number-input {
  direction: ltr;
}

#quickchat-button {
  bottom: calc(5% + 44px) !important;
}

@media (min-width: 1280px) {
  #top-up-balance #add_amount.form-control {
    width: 30%;
  }
}
@media (min-width: 1280px) {
  #top-up-balance .select2-container-wrap .select2-container {
    max-width: 30%;
  }
  #top-up-balance .select2-container-wrap .select2-container #select2-payment-method-select-container img {
    max-width: 100% !important;
  }
}

@media (min-width: 1280px) {
  #select2-payment-method-select-results li img {
    max-width: 100% !important;
  }
}

[data-textdirection=ltr] #add_amount.form-control {
  padding-right: calc(1.45em + 1.142rem);
  background-position: right calc(0.3625em + 0.2855rem) center;
}

[data-textdirection=rtl] #add_amount.form-control {
  padding-left: calc(1.45em + 1.142rem);
  background-position: left calc(0.3625em + 0.2855rem) center;
}

#add_amount.form-control,
#add_amount.form-control.is-invalid,
.was-validated #add_amount.form-control:invalid {
  background-repeat: no-repeat;
  background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='1280.000000pt' height='1280.000000pt' viewBox='0 0 1280.000000 1280.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.15, written by Peter Selinger 2001-2017%0A%3C/metadata%3E%3Cg transform='translate(0.000000,1280.000000) scale(0.100000,-0.100000)'%0Afill='%233f3f3f' stroke='none'%3E%3Cpath d='M6020 12080 c0 -226 -3 -340 -10 -340 -44 0 -329 -35 -444 -55 -903%0A-153 -1567 -599 -1905 -1282 -193 -389 -271 -806 -249 -1339 34 -882 384%0A-1542 1053 -1989 303 -202 642 -353 1266 -563 l289 -97 0 -1839 0 -1839 -77 7%0Ac-182 17 -454 72 -633 130 -521 167 -843 485 -986 975 -63 215 -92 428 -101%0A739 l-6 212 -46 0 c-74 0 -714 19 -850 25 l-124 5 6 -272 c6 -276 20 -438 57%0A-648 229 -1291 1108 -2030 2601 -2187 l159 -16 0 -664 0 -663 380 0 380 0 2%0A657 3 658 187 17 c1385 123 2265 750 2584 1843 85 293 115 518 121 920 5 283%0A3 325 -17 465 -78 552 -298 998 -675 1375 -322 322 -739 564 -1285 745 -181%0A60 -535 149 -735 185 -77 14 -150 27 -162 30 l-23 5 0 1715 0 1715 38 0 c21 0%0A92 -7 157 -16 640 -83 1054 -323 1258 -729 100 -201 167 -522 167 -805 l0 -58%0A93 -6 c50 -3 280 -8 510 -11 l417 -6 0 109 c0 603 -173 1169 -482 1574 -429%0A564 -1101 885 -2025 969 l-133 12 0 339 0 338 -380 0 -380 0 0 -340z m0 -2975%0Ac0 -1030 -3 -1605 -10 -1605 -18 0 -356 122 -490 177 -692 285 -973 600 -1067%0A1198 -25 156 -25 551 0 685 81 439 294 729 677 924 140 71 322 134 495 171%0A120 26 293 52 358 54 l37 1 0 -1605z m1130 -2951 c270 -70 521 -166 727 -278%0A292 -160 526 -395 647 -650 42 -90 89 -235 113 -351 15 -73 18 -137 18 -345%0A-1 -333 -25 -517 -99 -744 -181 -551 -592 -867 -1306 -1005 -108 -21 -313 -48%0A-410 -53 l-55 -3 -3 1745 c-1 960 0 1750 2 1757 5 13 141 -14 366 -73z'/%3E%3C/g%3E%3C/svg%3E");
  -moz-appearance: textfield;
}

input#add_amount::-webkit-outer-spin-button,
input#add_amount::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.deleteStagingBtn {
  min-width: 170px !important;
  max-height: 38px !important;
}

.no-border {
  border: 0;
  border-color: white !important;
}

.exclude-files__content.hidden,
.database__content.hidden {
  display: none;
}

.database__content-main {
  border: 1px solid #d8d6de;
  padding: 1rem;
}
.database__content-main > div.form-check {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .database__content-main > div.form-check {
    width: 100%;
  }
  .database__content-main > div.form-check:last-child {
    margin-bottom: 0;
  }
}

.instance-self-update-tabs {
  width: 520px;
  background-color: #FAF9FF;
  padding: 6px 7px 6px 7px;
  border-radius: 10px;
  height: 53px;
}

.instance-self-update-tabs > a {
  padding: 12px 37px 12px 37px;
  color: #FFFFFF;
  font-weight: 500;
  min-width: 172px;
  height: 41px;
  border-radius: 10px;
}

.instance-self-update-tabs > a {
  color: #82868B;
  font-weight: 500;
}

.instance-self-update-tabs .active {
  background-color: #7367F0;
  padding: 12px 37px 12px 37px;
  color: #FFFFFF;
  font-weight: 500;
  height: 41px;
  border-radius: 10px;
}

.self-update-table thead {
  border: 2px solid #EBE9F1;
}

.self-update-table thead th {
  border: 2px solid #EBE9F1;
}

.self-update-table .table-border {
  border: 2px solid #EBE9F1;
}

.self-update-table .table-border-left {
  border-left: 2px solid #EBE9F1;
}

.self-update-table .table-border-bottom {
  border-bottom: 2px solid #EBE9F1;
}

.self-update-table .table-border-right {
  border-right: 2px solid #EBE9F1;
}

.self-update-table .font-color {
  color: #EA5455 !important;
}

.self-update-table tr {
  background-color: #EBE9F1;
}

.self-update .modal-dialog {
  max-width: 46%;
}

.instance-detail .preloader {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  opacity: 0.5;
  background-color: #fbfbfb;
}

.demand-popup-body {
  background-color: rgba(115, 103, 240, 0.0392156863);
  border-radius: 15px;
}

.history-detail-svg.transform {
  transform: rotate(180deg);
}

.history-details {
  background-color: rgba(242, 241, 242, 0.3019607843);
  border-radius: 10px;
  display: none;
}

.schedule-checkbox {
  font-size: 18px;
  font-weight: 500;
}

.schedule-checkbox-margin-left {
  margin-left: 10px;
}

.safe-update-preview-item-background {
  background-color: #FCFBFC;
}

#SafeUpdateSection #comingSoonText {
  font-family: "Montserrat", sans-serif;
  color: #7367F0;
  font-weight: 600;
}

.schedule-input-min-width {
  min-width: 150px;
}

.git-deployment-color-grey {
  color: #625F6E;
}

.form-label-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.git-deployment .modal-dialog {
  max-width: 46%;
}

.clipboard-git-deployment.icon-copied {
  position: absolute;
  top: 1.3em;
  right: 2.5em;
  margin-left: 4px;
  width: 12px;
  height: 13px;
  cursor: pointer;
}

.git-deployment-error-color {
  color: #EA5455;
}

.margin-l-5 {
  margin-left: 5px;
}

.margin-t-5 {
  margin-top: 5px;
}

.input-min-width {
  min-width: 150px;
}

#git-deployment-logs > tbody > tr > td {
  word-break: break-all;
  min-width: 145px;
}

#dns-management .filter-content {
  position: absolute;
  margin-top: 25%;
  z-index: 3;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 0.357rem;
  border: 1px solid rgba(34, 41, 47, 0.175);
}

#dns-management #buttonAddRecord {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

#dns-management .steps {
  background-color: #F9F7FF;
  border-radius: 7px;
}

#dns-management .steps hr {
  background-color: #666597;
}

#dns-management .steps-alert {
  background-color: #7367F0;
  border-radius: 20px;
  gap: 10px;
  padding: 2px 10px 2px 10px;
  color: #FFFFFF;
  font-size: 12px;
}

#dns-management .search {
  border: 1px solid #D8D6DE;
  height: 30px;
  border-radius: 4px;
}

#dns-management table tbody tr {
  border-top: 1px solid #E1E2FB;
  border-bottom: 1px solid #E1E2FB;
}

#dns-management table thead tr th {
  background-color: rgba(115, 103, 240, 0.0784313725);
  color: #A2A2AB;
  height: 40px;
}

#dns-management table .editable {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

html body {
  background-color: #f8f8f8;
}

body {
  color: #666597;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-weight: 400;
}

.dropdown-item {
  color: #05051d;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #05051D;
}

.btn-primary {
  border-color: #b9b3f7 !important;
  background-color: #b9b3f7 !important;
  box-shadow: 0 1px 1px 0 #b9b3f7;
  color: #05051d !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #b9b3f7 !important;
  box-shadow: 0 1px 7px 0 #b9b3f7;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 1px 7px 0 #b9b3f7;
}

.font-size-14 {
  font-size: 14px;
}

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

.height-30 {
  height: 30px;
}

.max-width-150 {
  max-width: 150px;
}

.max-width-290 {
  max-width: 290px;
}

.min-width-220 {
  min-width: 220px;
}

.min-width-150 {
  min-width: 150px;
}

.min-width-180 {
  min-width: 180px;
}

.min-width-200 {
  min-width: 200px;
}

.min-width-290 {
  min-width: 290px;
}

.color-black {
  color: #05051D;
}

#dns-management .form_warning {
  background-color: #FFF3E8;
  color: #FF9F43;
  padding: 15px;
  border-radius: 5px;
}

#dns-management .form_filter {
  font-size: 12px;
}

#dns-management .info {
  background-color: #F9F7FF;
  border-radius: 7px;
}

#dns-management .p-empty {
  height: 21px;
}

@media only screen and (max-device-width: 767px) {
  #dns-management .p-empty {
    height: 0;
  }
}
#dns-management .height-38 {
  height: 38px;
}

#dns-management .modal-dialog {
  max-width: 46%;
}

#dns-management .mb-21px {
  margin-bottom: 21px;
}

#dns-management .mb-34px {
  margin-bottom: 34px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .col-laptop-L-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-laptop-L-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}
@media only screen and (min-width: 490px) and (max-width: 948px) {
  #dns-management .col-add-record {
    flex: 0 0 auto;
    width: 50%;
    justify-content: right !important;
  }
  #dns-management .col-reset-filter {
    flex: 0 0 auto;
    width: 50%;
    justify-content: left !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 489px) {
  #dns-management .col-reset-filter {
    flex: 0 0 auto;
    width: 100%;
    justify-content: center !important;
  }
}
@media only screen and (min-width: 948px) and (max-width: 1712px) {
  #dns-management .col-add-record {
    flex: 0 0 auto;
    width: 100%;
    justify-content: right !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
  #searchBlock {
    flex-wrap: wrap !important;
    width: 100%;
  }
}
@media only screen and (max-width: 489px) {
  #buttonResetFilter {
    display: none !important;
  }
}
#ScanButton {
  min-width: 104px;
}

.file-manager #editFileModal .modal-dialog {
  max-width: 80%;
}

.file-manager #showImageFileModal .modal-dialog {
  max-width: 50%;
}

#file-editor {
  font-family: Consolas, "Courier New", Courier, monospace;
}

#file-editor .editor {
  display: inline-flex;
  gap: 10px;
  font-family: Consolas, "Courier New", Courier, monospace;
  line-height: 21px;
  background-color: #282a3a;
  border-radius: 2px;
  padding: 20px 10px;
  width: 100%;
}

#file-editor textarea {
  line-height: 21px;
  overflow-y: hidden;
  padding: 0;
  border: 0;
  background: #282a3a;
  color: #fff;
  width: 100%;
  outline: none;
  resize: none;
  font-family: Consolas, "Courier New", Courier, monospace;
}

#file-editor .numbers {
  width: 30px;
  text-align: right;
}

#file-editor .numbers span {
  counter-increment: linenumber;
}

#file-editor .numbers span::before {
  content: counter(linenumber);
  display: block;
  color: #506882;
}

.file-manager .search-box .form-control {
  border-radius: 10px;
  padding-left: 40px;
}

.file-manager .search-box .search-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  fill: #545965;
  width: 16px;
  height: 16px;
}

.file-manager .card {
  margin-bottom: 24px;
  box-shadow: 0 2px 3px #e4e8f0;
}

.file-manager .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #eff0f2;
  border-radius: 1rem;
}

@media only screen and (min-width: 320px) and (max-width: 1400px) {
  #fileManagerActions {
    display: flex;
    flex-wrap: wrap !important;
    width: 100%;
  }
  #fileManagerActions > div > div {
    display: flex;
    flex-wrap: wrap !important;
    width: 100%;
  }
  #fileManagerActions div {
    margin-top: 0 !important;
  }
}
#changeDomainModal .modal-dialog {
  width: 70% !important;
}

.ipv4-min-width {
  min-width: 160px;
}

.wp-users-table td:not(:last-child) {
  max-width: 100px;
}

.wp-users-table td:last-child {
  width: 100px;
}

.background-scan-wp-users {
  background-color: #FAF9FF;
}

@media (max-width: 490px) {
  .generate-password-block {
    text-align: center;
    flex-direction: column-reverse !important;
  }
  #generatePasswordIcon {
    justify-content: end;
  }
  .text-generate-password {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .generate-password-description {
    justify-content: center;
  }
}
.generate-password-btn {
  min-width: 184px;
}

.text-generate-password {
  font-size: 12px;
  max-width: 178px;
}

.form-password-toggle .form-control.is-invalid {
  background-image: none !important;
}

.invalid-select2 {
  border-color: #dc3545 !important;
  border-width: 1px !important;
  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='%23ea5455'%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='%23ea5455' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3625em + 0.2855rem) center;
  background-size: calc(0.725em + 0.571rem) calc(0.725em + 0.571rem);
}

[data-textdirection=rtl] #dropdown-notifications-menu .notification-timestamp {
  margin-right: 1rem !important;
}

[data-textdirection=rtl] #allNotifications .mail-icon svg {
  margin-right: 0 !important;
}

.application-item {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  min-width: 250px;
  height: 320px;
  border-radius: 4px;
}

.application-item:hover {
  border: 2px solid #7367F0;
  border-radius: 4px;
}

.margin-l-20 {
  margin-left: 20px;
}

#application-list {
  min-height: 332px;
}

.application-item .manage-btn {
  display: none;
}

.application-item:hover .manage-btn {
  display: inline;
}

.breadcrumb-item {
  overflow-wrap: break-word;
  max-width: 100%;
}

#file-manager-breadcrumbs {
  padding-top: 3px;
  padding-bottom: 10px;
}

.fm-breadcrumb {
  padding-top: 5px;
  padding-bottom: 5px;
}

.app-live-box {
  position: relative;
}

.app-live-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 60px solid #7367F0;
  border-right: 60px solid transparent;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 100%;
}

.app-live-text {
  position: absolute;
  top: 28px;
  left: -1px;
  font-size: 12px;
  color: white;
  transform: rotate(-45deg);
  transform-origin: left top;
  font-weight: 600;
}

.app-live-text svg {
  transform: rotate(-45deg);
}

.app-live-and-stage-box {
  position: relative;
}

.app-live-and-stage-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 85px solid #EEEDF9;
  border-right: 85px solid transparent;
  border-top-left-radius: 1px;
  border-bottom-right-radius: 100%;
}

.app-live-and-stage-text {
  position: absolute;
  top: 28px;
  left: 2px;
  font-size: 12px;
  color: #7367F0;
  transform: rotate(-45deg);
  transform-origin: left top;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  font-weight: 600;
}

.swal2-title {
  overflow-wrap: anywhere !important;
}

.instance-app-name {
  color: #7367F0;
  padding-left: 0px;
}

.notification-title {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}

.file-manager #file-editor {
  direction: ltr !important;
}

.linkSVG {
  display: inline-block;
  width: 15px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cg clip-path='url(%23clip0_12362_31031)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4832 1.22435C13.5998 1.28268 13.7165 1.39935 13.7748 1.51602C13.8332 1.57435 13.8332 1.69102 13.8332 1.74935V5.24935C13.8332 5.59935 13.5998 5.83268 13.2498 5.83268C12.8998 5.83268 12.6665 5.59935 12.6665 5.24935V3.14935L7.2415 8.57435C7.12484 8.69102 7.00817 8.74935 6.83317 8.74935C6.65817 8.74935 6.5415 8.69102 6.42484 8.57435C6.1915 8.34102 6.1915 7.99102 6.42484 7.75768L11.8498 2.33268H9.74984C9.39984 2.33268 9.1665 2.09935 9.1665 1.74935C9.1665 1.39935 9.39984 1.16602 9.74984 1.16602H13.2498C13.3082 1.16602 13.4248 1.16602 13.4832 1.22435ZM12.0832 11.0827V7.58268C12.0832 7.23268 11.8498 6.99935 11.4998 6.99935C11.1498 6.99935 10.9165 7.23268 10.9165 7.58268V11.0827C10.9165 11.4327 10.6832 11.666 10.3332 11.666H3.9165C3.5665 11.666 3.33317 11.4327 3.33317 11.0827V4.66602C3.33317 4.31602 3.5665 4.08268 3.9165 4.08268H7.4165C7.7665 4.08268 7.99984 3.84935 7.99984 3.49935C7.99984 3.14935 7.7665 2.91602 7.4165 2.91602H3.9165C2.92484 2.91602 2.1665 3.67435 2.1665 4.66602V11.0827C2.1665 12.0743 2.92484 12.8327 3.9165 12.8327H10.3332C11.3248 12.8327 12.0832 12.0743 12.0832 11.0827Z' fill='black'/%3E%3Cmask id='mask0_12362_31031' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='2' y='1' width='12' height='12'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4832 1.22435C13.5998 1.28268 13.7165 1.39935 13.7748 1.51602C13.8332 1.57435 13.8332 1.69102 13.8332 1.74935V5.24935C13.8332 5.59935 13.5998 5.83268 13.2498 5.83268C12.8998 5.83268 12.6665 5.59935 12.6665 5.24935V3.14935L7.2415 8.57435C7.12484 8.69102 7.00817 8.74935 6.83317 8.74935C6.65817 8.74935 6.5415 8.69102 6.42484 8.57435C6.1915 8.34102 6.1915 7.99102 6.42484 7.75768L11.8498 2.33268H9.74984C9.39984 2.33268 9.1665 2.09935 9.1665 1.74935C9.1665 1.39935 9.39984 1.16602 9.74984 1.16602H13.2498C13.3082 1.16602 13.4248 1.16602 13.4832 1.22435ZM12.0832 11.0827V7.58268C12.0832 7.23268 11.8498 6.99935 11.4998 6.99935C11.1498 6.99935 10.9165 7.23268 10.9165 7.58268V11.0827C10.9165 11.4327 10.6832 11.666 10.3332 11.666H3.9165C3.5665 11.666 3.33317 11.4327 3.33317 11.0827V4.66602C3.33317 4.31602 3.5665 4.08268 3.9165 4.08268H7.4165C7.7665 4.08268 7.99984 3.84935 7.99984 3.49935C7.99984 3.14935 7.7665 2.91602 7.4165 2.91602H3.9165C2.92484 2.91602 2.1665 3.67435 2.1665 4.66602V11.0827C2.1665 12.0743 2.92484 12.8327 3.9165 12.8327H10.3332C11.3248 12.8327 12.0832 12.0743 12.0832 11.0827Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_12362_31031)'%3E%3Crect x='1' width='14' height='14' fill='%2382868B'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12362_31031'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.pencilSVG {
  display: inline-block;
  width: 15px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cg clip-path='url(%23clip0_12362_31014)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.74984 10.5007H5.08317C5.25817 10.5007 5.37484 10.4423 5.4915 10.3257L11.9082 3.90898C12.1415 3.67565 12.1415 3.32565 11.9082 3.09232L9.57484 0.758984C9.3415 0.525651 8.9915 0.525651 8.75817 0.758984L2.3415 7.17565C2.22484 7.29232 2.1665 7.40898 2.1665 7.58398V9.91732C2.1665 10.2673 2.39984 10.5007 2.74984 10.5007ZM3.33317 7.81732L9.1665 1.98398L10.6832 3.50065L4.84984 9.33399H3.33317V7.81732ZM13.2498 13.4173C13.5998 13.4173 13.8332 13.184 13.8332 12.834C13.8332 12.484 13.5998 12.2507 13.2498 12.2507H2.74984C2.39984 12.2507 2.1665 12.484 2.1665 12.834C2.1665 13.184 2.39984 13.4173 2.74984 13.4173H13.2498Z' fill='black'/%3E%3Cmask id='mask0_12362_31014' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='2' y='0' width='12' height='14'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.74984 10.5007H5.08317C5.25817 10.5007 5.37484 10.4423 5.4915 10.3257L11.9082 3.90898C12.1415 3.67565 12.1415 3.32565 11.9082 3.09232L9.57484 0.758984C9.3415 0.525651 8.9915 0.525651 8.75817 0.758984L2.3415 7.17565C2.22484 7.29232 2.1665 7.40898 2.1665 7.58398V9.91732C2.1665 10.2673 2.39984 10.5007 2.74984 10.5007ZM3.33317 7.81732L9.1665 1.98398L10.6832 3.50065L4.84984 9.33399H3.33317V7.81732ZM13.2498 13.4173C13.5998 13.4173 13.8332 13.184 13.8332 12.834C13.8332 12.484 13.5998 12.2507 13.2498 12.2507H2.74984C2.39984 12.2507 2.1665 12.484 2.1665 12.834C2.1665 13.184 2.39984 13.4173 2.74984 13.4173H13.2498Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_12362_31014)'%3E%3Crect x='1' width='14' height='14' fill='%2382868B'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_12362_31014'%3E%3Crect width='14' height='14' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}

.deleteSVG {
  display: inline-block;
  width: 15px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 3.60937C2.25 3.30734 2.49484 3.0625 2.79687 3.0625H12.6406C12.9426 3.0625 13.1875 3.30734 13.1875 3.60937C13.1875 3.9114 12.9426 4.15625 12.6406 4.15625H2.79687C2.49484 4.15625 2.25 3.9114 2.25 3.60937Z' fill='%2382868B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.62499 1.96875C6.47995 1.96875 6.34085 2.02636 6.23829 2.12892C6.13573 2.23148 6.07812 2.37058 6.07812 2.51562V3.06249H9.35935V2.51562C9.35935 2.37058 9.30174 2.23148 9.19918 2.12892C9.09662 2.02636 8.95752 1.96875 8.81248 1.96875H6.62499ZM10.4531 3.06249V2.51562C10.4531 2.0805 10.2802 1.6632 9.97257 1.35553C9.6649 1.04785 9.2476 0.875 8.81248 0.875H6.62499C6.18987 0.875 5.77257 1.04785 5.4649 1.35553C5.15722 1.6632 4.98437 2.0805 4.98437 2.51562V3.06249H3.89062C3.58859 3.06249 3.34375 3.30734 3.34375 3.60937V11.2656C3.34375 11.7007 3.5166 12.118 3.82428 12.4257C4.13195 12.7334 4.54925 12.9062 4.98437 12.9062H10.4531C10.8882 12.9062 11.3055 12.7334 11.6132 12.4257C11.9209 12.118 12.0937 11.7007 12.0937 11.2656V3.60937C12.0937 3.30734 11.8489 3.06249 11.5468 3.06249H10.4531ZM4.4375 4.15624V11.2656C4.4375 11.4106 4.49511 11.5497 4.59767 11.6523C4.70023 11.7548 4.83933 11.8125 4.98437 11.8125H10.4531C10.5981 11.8125 10.7372 11.7548 10.8398 11.6523C10.9424 11.5497 11 11.4106 11 11.2656V4.15624H4.4375Z' fill='%2382868B'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 400px) and (max-width: 768px) {
  [data-textdirection=rtl] .instance-detail .parent-control svg {
    top: 32% !important;
  }
}
.select2-container.is-invalid .select2-selection {
  border-color: #dc3545;
  padding: 0.375rem 0.75rem;
}

[data-textdirection=rtl] .select2-container .select2-selection {
  text-align: right; /* Align text to the right */
  direction: rtl; /* Set the direction to right-to-left */
}

[data-textdirection=rtl] .select2-container--default .select2-results__option {
  text-align: right; /* Align options text to the right */
  direction: rtl; /* Ensure dropdown respects right-to-left direction */
}

#dynamic-selection-area .selected-block {
  background-color: #EEEDFC !important;
  height: 117px;
}

.custom-pricing-plan .selected-bloc-icon {
  margin-top: 18px;
}

.custom-pricing-plan .selected-block-description {
  color: #5E5873;
}

.custom-pricing-plan .dynamic-area {
  font-size: 16px !important;
}