/* app-custom-select {
  width: 100%;
} */

.button_alignment {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.stayHolderTag {
  background-color: lightgray !important;
}

.leaveHolderTag {
  background-color: lightsalmon !important;
}

.wantedSpace {
  margin-bottom: 12px !important;
}

.added-holder-card-space {
  margin-bottom: 20px;
}

.form_group:not(:last-child) {
  border-bottom: unset !important;
  margin-bottom: 4rem !important;
  padding-bottom: unset !important;
}


.doc-desc {
  white-space: pre-line;
  /* Preserves newlines and spaces */
}



.input--splitted .dropdown {
  position: absolute;
  right: 0;
  top: 0;
  width: 13rem !important;
  height: 100%;
  border: 1.5px solid var(--sGray);
  z-index: 1;
}

.input--splitted .dropdown.open {
  background: var(--sBlue8) !important;
  z-index: 1000;
}

.input--splitted .dropdown.open {
  border-radius: 0.8rem;
  border-color: var(--sGray) !important;
}

.mat-mdc-select {
  font-family: inherit !important;
  font-size: 14px !important;
}

.mat-mdc-option {
  padding: 5px 16px !important;
  color: var(--sGray) !important;
  min-height: unset !important;
  font-size: 16px !important;
  font-family: inherit !important;
  line-height: 24px !important;
}

.mat-mdc-option.hide {
  display: none;
}

.cdk-overlay-pane {
  position: absolute !important;
  left: 1px;
}

.input--splitted,
.input_inner {
  border-radius: 8px;
  ;
}

div.mat-mdc-select-panel {
  right: -1px;
  border: 1.5px solid var(--pBlue);
  padding: 0 !important;
  position: absolute !important;
  box-shadow: none !important;
  background: var(--sBlue8) !important;
  /* border: none !important; */
  /* outline: 1.5px solid var(--sGray) !important; */
  border-radius: 0 0px 7px 7px !important;
  outline: none !important;
  /* border: 1px solid var(--pBlue) !important; */
  border-top: none !important;
  top: 0px;
}

/* div.mat-mdc-select-panel::before {
  content: '';
  position: absolute;
  border: solid 3px var(--sBlue8);
  width: 100%;
  height: 2px;
  left: 0px;
  top: -4px;
  z-index: 0;
} */

.mat-mdc-select-value {
  margin-left: 20px;
  ;
}

.mat-mdc-select-trigger {
  margin-top: 12px;
}

.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: inherit !important
}

.mat-mdc-option:hover {
  font-weight: 900 !important;
  ;
}

.arrow-desc {
  background-image: url("../images/icons/icon-chevron--d.svg");
  background-color: transparent !important;
  cursor: pointer;

}

.arrow-desc-up {
  background-image: url("../images/icons/icon-chevron--d.svg");
  background-color: transparent !important;
  cursor: pointer;
  transform: rotate(180deg) !important;

}

.mat-mdc-select-arrow {
  -webkit-mask-image: url("../images/icons/icon-chevron--d.svg");
  mask-image: url("../images/icons/icon-chevron--d.svg");
  background-color: var(--pBlue) !important;
  position: absolute;
  top: 0px;
  left: 10px;
  /* right: 217%; */
  z-index: 1000;
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  width: 24px !important;
  height: 24px !important;
}

.mat-mdc-select-arrow svg {
  fill: var(--pBlue) !important;
}


.btn-primary:disabled,
.btn-secondary:disabled {
  cursor: not-allowed !important;
  opacity: 0.6;
}



/* input[type=text]:disabled {
  background: #cccccc42;
  color: #333;
  border: 1px solid #666;
  pointer-events: none;
} */


/*loader*/
#loader {
  width: 115px;
  height: 50px;
  position: absolute;
  transform: translateY(calc(-50%));
  position: relative;
  overflow: hidden;
}


.dot-pulse {
  position: relative;
  left: -9999px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--pBlue);
  color: var(--pBlue);
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--pBlue);
  color: var(--pBlue);
}

.dot-pulse::before {
  left: 50px;
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  right: 50px;
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }

  30% {
    box-shadow: 9984px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9984px 0 0 -5px;
  }
}

@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }

  30% {
    box-shadow: 9999px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9999px 0 0 -5px;
  }
}

@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }

  30% {
    box-shadow: 10014px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 10014px 0 0 -5px;
  }
}

#btn-login-as-digitel {
  margin: 15px 0;
  font-size: 18px;
}

.sc--steps .form_group-for .form_fields {
  gap: 2rem 1rem !important;
}

.sc--steps .form_group-for .form_field {
  padding-left: 1rem !important;
}

.sc--steps .form_group-for .form_field:before {
  content: "";
  position: absolute;
  left: 0;
  top: 33%;
  transform: translateY(calc(-50% + 2.4rem));
  width: 0.2rem;
  height: 4rem;
  background: var(--sGray);
}

.disable-property-selection:before {
  display: none;
}

.sc--steps .form_group-for .form_field.last:before {
  display: none;
}

.search-property .dropdown {
  width: 18rem !important;
}

.search-property input {
  margin-right: 11rem;
}

@media (max-width: 767px) {
  .search-property {
    width: 100% !important;
  }

  app-contact-type-form-field .input {
    flex: 1;
    width: 32rem !important;
  }

  input.search-property {
    width: -webkit-fill-available !important;
  }
}


/*disabled dropdown*/
/* .disabled-form .input--splitted .dropdown.open {
  background: #fafafa !important;
  color: rgba(0, 0, 0.8);
} */
/* 
/*  */
.mat-mdc-select-disabled .mat-mdc-select-arrow {
  display: none;
}

.form-group-with-border-bottom {
  display: block;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid var(--sGray);
}

.request-details .form_group-for .form_field {
  padding-top: 0rem !important;
}

.btn-change-address {
  cursor: pointer;
  border: none;
  background: none;
  text-decoration: underline;
  font-family: inherit;
  max-width: fit-content;
  padding: 0 !important;
  margin-left: 58px;
  margin-top: 5px;
}

.address-displayed-result {
  flex-basis: calc(50% - 2rem);
  max-width: fit-content;
  margin-right: 8rem;
}

.address-not-found {
  color: var(--eRed);
}

.search-address {
  min-width: 15rem !important;
  margin: 0 1rem 0 0 !important;
}

.mat-mdc-select-disabled {
  color: var(--bBlack) !important
}

.form_field--tooltip-outer>.tooltip {
  cursor: pointer;
}

.form_field form_field--tooltip-outer {
  margin-right: 5px;
  flex: auto !important;
}

app-search-property .form_field--tooltip-outer {
  max-width: fit-content !important;
  margin-left: 20px;
  left: -5px;
}

app-search-property .input {
  width: 32rem !important;
  align-self: flex-start;
}

.disabled-form .required-field-lbl::after {
  content: ''
}

.header_acc .btn:hover {
  cursor: auto !important;
}

.form_fields:not(:last-child) {
  margin-bottom: 4rem;
}

app-user-details .form_fields {
  gap: 4rem;
}



.input--code {
  flex-direction: row-reverse;
}

.radio--styled .radio_content {
  padding: 1.4rem 5.4rem 1.4rem 0.6rem !important;
}

.disable-property-selection .radio--styled .radio_content:after {
  display: none;
}

app-show-user-details .form_fields,
app-user-details-form .form_fields {
  gap: 3rem;
}

.hidden-option {
  display: none !important;
}

.visually-hidden {
  border: 0 !important;
  padding: 0 !important;
  margin: 0;
  position: absolute !important;
  line-height: 0;
  height: 0px;
  width: 0px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px);
  /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%);
  /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

input[type=text]:disabled+label.required-field-lbl::after {
  content: ''
}

.search_property_form_field .input--splitted input {
  width: 21rem !important;
}

.search_property_form_field {
  display: flex;
}

app-identity-number-form-field .input--splitted .dropdown {
  width: 13rem !important;
}

app-identity-number-form-field .input--splitted .dropdown .mat-mdc-select-value {
  margin-left: 0px;
}

app-identity-number-form-field div.mat-mdc-select-panel {
  width: 13rem !important;
}

app-identity-number-form-field .input--splitted input {
  padding-right: 15rem !important;
}

.input--regular.filled,
.input--splitted input,
app-identity-number-form-field .input {
  width: 32rem !important;
}

@media (max-width: 699px) {

  .input--regular.filled,
  .input--splitted input,
  app-contact-type-form-field .input_inner,
  app-identity-number-form-field .input {
    width: 34rem !important;
  }

  app-navigation-footer {
    width: 100%;
  }

  app-search-property .form_field--tooltip-outer {
    left: -3px;
  }

  app-user-details-form .form_fields:not(:last-child) {
    margin-bottom: 3rem !important;
  }

  /* .tooltip--circle {
    height: 3rem !important;
    width: 3rem !important;
    min-width: 3rem !important;
  } */

  .address-displayed-result {
    margin-right: 0px !important;
    margin: 10px 0 !important
  }

  .address-not-found {
    margin: 10px 0
  }

  .search-address-btn {
    margin: 1rem 0 !important;
  }
}

@media (max-width: 360px) {

  .input--regular.filled,
  .input--splitted input,
  app-identity-number-form-field .input {
    width: 30rem !important;
  }

  .header_text {
    font-size: 13px !important;
  }
}

app-user-idetification h3 {
  margin-bottom: 1.3rem;
}

.request-details .search-property h3 {
  margin-bottom: 0 !important;
}

.required-field .mat-mdc-select-min-line:after,
.required-field-lbl::after,
.required::after {
  content: '*'
}

.search-property-form app-idetification-details .fieldset_identify {
  margin-bottom: 0px;
}

#holders_exchange .form_fields {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem 4rem;
}

#holders_exchange .other-holders-panel {
  margin-bottom: 30px;
}

/* #holders_exchange .form_content h3 {
  margin-bottom: 1.3rem
} */

#holders_exchange .form_group {
  /* padding: 2.4rem; */
}


a:focus,
.btn:focus-visible,
.propertyParam:has(:focus-visible),
.input--regular:focus-visible,
.input-error-file,

.input--file_left .def:focus-within {
  outline: 2px solid var(--pBlueDark);
  outline-offset: 2px;
}

.requestDetailsTitle {
  outline: unset !important;
}

.file_left-focus input:focus {
  outline: 2px solid var(--pBlueDark);
}

.btn_border:focus {
  outline: 2px solid var(--pBlueDark);
}

.file_left-focus label:focus {
  outline: 2px solid var(--pBlueDark);
}

.radio:has(:focus-visible) {
  outline: 2px solid var(--pBlueDark);
}

label:has(:focus-visible) {
  border: 1px solid black;

}

span:has(:focus-visible) {
  border: 1px solid black;
}


.input--file:focus {
  outline: 2px solid var(--pBlueDark);
}

.file_left-focus:has(:focus-visible) {
  outline: 2px solid var(--pBlueDark);
}

.file_left-focus:focus-visible {
  outline: 2px solid var(--pBlueDark);
}

.input-error-file:has(:focus-visible) {
  outline: 2px solid var(--pBlueDark);
}

.input-error-file:focus-visible {
  outline: 2px solid var(--pBlueDark);
}

.fileInputFocus:has(:focus-visible) {
  outline: 2px solid var(--pBlueDark);
}

.fileInputFocus:focus-visible {
  outline: 2px solid var(--pBlueDark);
}

.input--regular:focus-visible {
  padding-right: 1px;
}

.form_field-radio:has(:focus-visible) {
  outline: none !important;
}

/* @supports not selector(:focus-visible) {
  .input--splitted input[type=text]:focus-visible {
    outline: 5px solid blue;
    outline-offset: -4px;
  }
} */

/* .input--splitted input[type=text]:focus-visible {
  outline: 1px solid var(--pBlueDark) !important;
} */

.input--splitted .input_inner:has(:focus-visible) {
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 0 1pt var(--pBlueDark);
  outline-color: transparent;
  /* for high contrast modes */
  transition: .1s;
}

.input--regular.filled:has(:focus-visible) {
  outline: 2px solid var(--pBlueDark) !important;
}

.btn-remove-holder {
  margin-top: 2rem;
}

div.mat-mdc-select-panel:focus-within {
  outline-width: 2px !important;
}

/* div.mat-mdc-select-panel {
  box-shadow: 2px 2px 0px -1px var(--pBlueDark),
    -3px 3px 0px -2px var(--pBlue) !important
} */

.search-property .mat-mdc-select-value-text {
  margin-right: 10px;
  ;
}

.titleForIdentity {
  font-size: 20px;
  font-weight: 400;
}

.dialogTitle {
  font-size: 32px;
  font-weight: 900;
}

.titleContainer {
  text-align: center !important;
  margin-top: 120px !important;
}

.removeHolderButtons {
  display: flex !important;
  justify-content: center !important;
  margin-top: 40px !important;
}

.removeHolderMessage {
  text-align: center;
  font-size: larger;
}

app-user-nonactivity-popup .popup_content {
  width: 470px;
  min-height: unset !important;
  height: fit-content !important;
  padding: 30px;
  border-radius: 20px;
}

app-user-nonactivity-popup .titleContainer {
  margin-top: 25px !important;
}

app-user-nonactivity-popup .btn {
  width: auto !important;
  min-width: 180px !important;
}

app-user-nonactivity-popup .message {
  margin-top: 30px;
  margin-bottom: 30px;
  ;
}

.iconRemoveHolder {
  --i-size: 4rem !important;
}

.radiogroupIsForMeOptions {
  margin-top: 10px;
}

.btn-remove-holder {
  justify-content: space-between;
  align-items: center;
  width: 13rem;
  display: flex;
  margin: 0px !important;
  background: none !important;
  color: var(--eRed) !important;
  font-size: 20px;
  cursor: pointer;
  border: none;
}

.popup_add_p-head-inner {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
}

.partner-card {
  width: 100%;
}

@media (max-width: 991px) {
  .sc--steps .form_field {
    flex: none !important
  }

  .sc--steps .form_fields:not(:last-child) {
    margin-bottom: 3.2rem !important;
  }
}

.sc--steps .form_fields:not(:last-child) {
  margin-bottom: 3rem !important;
}


.invalid-holder #idNumber {
  border: 2.5px red solid !important;
}

.search-property-form .form_fields {
  gap: 0 !important;
}

.btn-change-address {
  color: var(--pBlue) !important;
  position: relative;
}

/* .btn-change-address .btn_text::before {
  content: "";
  position: absolute;
  top: -12px;
  margin-right: -10px;
  transform: translateY(calc(-50% + 2.4rem));
  width: 0.2rem;
  height: 2rem;
  background: var(--sGray);
} */
@media (max-width: 1025px) {
  app-search-property {
    display: flex;
    min-height: 140px;
  }
}

.search-property-form {
  width: 100%;
}


@media (max-width: 767px) {
  .search-property-form .form_fields {
    flex-direction: column !important;
  }

  .search-property-form .form_fields {
    align-content: flex-start !important;
    align-items: flex-start !important;
  }

  .btn-change-address .btn_text::before {
    display: none;
  }
}


@media (max-width: 999px) {
  .search-property-form .form_fields {
    flex-direction: column !important;
  }

  .search-property-form .form_fields {
    align-content: flex-start !important;
    align-items: flex-start !important;
  }

  .btn-change-address .btn_text::before {
    display: none;
  }
}

#holders-exchange h3 {
  font-weight: 400;
}

.fontWeight400 {
  font-weight: 400 !important;
}

.address-displayed-result app-loader {
  position: absolute;
  top: 10px;
  left: -4rem;
}

/* app-idetification-details .search-property-form .form_fields {
  width: 68rem;
} */

.search-property-form .form_fields {
  justify-content: space-between !important;
}

#propertySelection {
  margin: 0 !important;
}

app-holder-card .btn-action.selected:hover,
app-holder-card .btn-action.selected:focus {
  border: 2px solid black !important;
  --btn-fw: 900 !important;
  --btn-shadow: var(--shadow3) !important;
  border-color: var(--pBlueDark) !important;
}

app-holder-card .btn-action:hover,
app-holder-card .btn-action:focus {
  --btn-fw: auto !important;
  border: none !important;
  --btn-shadow: none !important;
}

app-holder-card .btn-action.selected {
  --btn-fw: 900 !important;
  --btn-shadow: var(--shadow3) !important;
  border-color: var(--pBlueDark) !important;
}

app-request-details-user-details-form .form_fields,
app-request-details-request-sender-user-details-form .form_fields {
  gap: 4rem;
}

.back-btn-inner {
  display: flex;
  align-items: center;
}

app-names-form-field {

  width: 100%;
}





.dropdown--select.open:has(:focus-visible) {
  outline: 1px solid var(--pBlueDark);
}



.form_partners:has(:focus-visible) {
  outline: 1px solid var(--pBlueDark);

}

/* .form_fields--radios, */
.form_fields--img:has(:focus-visible) {
  outline: 1px solid var(--pBlueDark);
}

.dropdown--select.open:has(:focus-visible) .child-element {
  outline: 1px solid var(--pBlueDark);

}




.fontWeight100 {
  font-weight: 100 !important;
}

.sc_inner {
  flex-direction: row !important;
}

.fieldset_identify {
  border: none;
  margin: 0;
  padding: 0;
}

.startProccess {
  background-color: #316C9E;
}

.btn-action--out-all {
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-bottom: 22px;
  --btn-bg: var(--eOrange2);
  --btn-fz: 2rem;
  --btn-fw: 400;
  --btn-height: 2.4em;
  font-size: var(--btn-fz);
  border-radius: var(--btn-rd);
  height: var(--btn-height);
  color: var(--btn-color);
  background: var(--btn-bg);
}

.form_partners .actions {
  margin-top: 2.4rem;
}

/* ng-component {
  height: 100%;
  display: inline-block;
} */

app-holder-card {
  display: flex;
}

app-holder-card:not(:last-child) {
  margin-bottom: 20px;
}

.search-address-input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.address-search-result {
  width: auto !important;
  position: relative !important;
  max-width: 32rem;
  top: -12px;
}

.address-search-result .tooltip_content {
  width: max-content !important;
}

.address-search-result .tooltip_content .icon-color-place--blue {
  margin-left: 10px;
  margin-right: -8px;
}

/*override date-picker css*/
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: unset !important;
}

.mat-mdc-form-field-focus-overlay {
  display: none;
}

label#mat-mdc-form-field-label-0 {
  display: none;
}

.mat-mdc-form-field-bottom-align::before {
  display: none;
}

.mat-mdc-form-field-subscript-wrapper {
  display: none;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border: none !important;
}

.mat-mdc-form-field {
  line-height: 4px;
  height: 42px;
  width: -webkit-fill-available;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  width: 40px !important;
  height: 40px !important;
}

.mat-mdc-form-field {
  font-family: inherit !important;
  font-weight: 600 !important;
}

.mdc-line-ripple {
  display: none;
}

.mat-mdc-form-field-infix {
  padding: 0px !important;
  display: flex;
  justify-items: center;
  height: 100%;
  min-height: unset !important;
}

.mat-mdc-form-field-flex {
  height: 100% !important;
  align-items: center;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  display: flex !important;
  align-items: center !important;
  --mdc-icon-button-state-layer-size: 42px !important;
  padding: 0 !important;
}

.mdc-text-field--no-label .mat-mdc-form-field-infix {
  width: auto !important;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  justify-content: center;
}

@media (max-width: 991px) {
  .tooltip.open:after {
    left: 30px !important;
  }
}

@media (max-width: 767px) {
  .sc_btns {
    align-items: flex-start !important;
    justify-content: center;
    flex-direction: row !important;
  }
}

/* @media (max-width: 699px) {
  .tooltip.open .tooltip_content {
    right: -36rem !important;
  }
} */

.details-complition .input_inner {
  width: 52rem !important
}

.dropdown_body {
  top: 0px !important
}

.drop-down-wrapper {
  width: 32rem;
  position: relative;
}

.icon-chevron--down {
  transform: rotate(0deg);
}

.icon-chevron--up {
  transform: rotate(180deg);
}

.rem40 {
  width: 40rem;
}

.rem50 {
  width: 50rem !;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: -20px;
}

.mt-30 {
  width: -30px;
}

.mt-10 {
  width: -10px;
}

.header_text {
  font-size: 21px;
}

/* width: 36rem;
  position: relative;
} */

.delete-button {
  background-color: red;
  color: white;
  border: none;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 10px;
}

.full-drop-down .cdk-overlay-pane {
  width: 31.8rem !important;
  margin: 0 1px !important;
}

.full-drop-down .mat-mdc-select-trigger {
  justify-content: end;
}

.full-drop-down .mat-mdc-select-value {
  width: 144px;
  ;
}

.full-drop-down .mat-mdc-select-value {
  padding-right: 70px;
}

.full-drop-down .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  background-color: unset !important;
}

.full-drop-down {
  background-color: #fff !important;
}


.full-drop-down::before {
  display: none;
}

.mat-mdc-select-value-text {
  margin-right: 12px;
}

.drop-down-wrapper .mat-mdc-select-value-text {
  margin-right: 55px;
}

.full-drop-down.mat-mdc-select-panel {
  width: 32rem !important;
  position: absolute !important;
  outline: none !important;
  border: 1.5px solid var(--pBlue) !important;
  border-top: none !important;
  right: 0.1px;
}

.full-drop-down .mat-mdc-option:focus.mdc-list-item,
.full-drop-down .mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  background-color: #fff !important;
}

.process-details-view {
  border-radius: 10px;
  margin-bottom: 30px;
  border: 3px solid var(--pBlue) !important;
  padding: 20px;
}

.holder-details-view {
  display: flex;
}

.process-details-view h2 {
  font-size: 22px;
}

.holder-details-view p {
  margin-right: 5px;
}

.snippet {
  right: 38px;
  top: 10px;
  height: 50px;
  position: relative;
}

.sc_btns+.sc_msg {
  margin-top: 20px;
}

.welcome {
  font-weight: 1000 !important;
  font-size: xx-large !important;
}

.homePageTitle {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
  clip-path: inset(50%);

}

.fontWeight500 {
  font-weight: 500 !important;
}

.fontWeight900 {
  font-weight: 900 !important;
}


.fontWeight600 {
  font-weight: 700 !important;
}

app-loader {
  position: absolute !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  visibility: hidden;
}

@media (max-width: 768px) {
  .sr-only {
    visibility: visible;
  }

  .tooltip-mobile {
    margin-top: -300px;
    margin-left: 50px;
  }

  .dropdown_head {
    min-width: 36rem !important;
  }

  .form_field--file {
    min-width: 36rem !important;
  }


  .dropdown--default .dropdown_inner {
    min-width: 100%;
    margin-top: -5px;
  }

  .dropdown--default {
    min-width: 31rem;
  }

  .dropdown_mobile {
    margin-right: -5px;
  }

  .hideInMobile {
    margin-right: 0px;
  }
}





.form_group-details .drop-down-wrapper .mat-mdc-select-value-text {
  margin-right: 12px !important;
}

.form_group-details .mat-mdc-select-panel {
  width: 36rem !important;
}

input[type=radio]:focus-visible {
  outline: 1px solid var(--pBlueDark);
}

app-identity-number-form-field .input--splitted:has(:focus-visible) {
  border: none;
  border-radius: 5pt;
  box-shadow: 0 0 0 1pt var(--pBlueDark);
  outline-color: transparent;
  transition: .1s;
}

.btn-change-address:focus-visible {
  outline-offset: 4px !important;
}

* {
  outline-color: var(--pBlueDark);
}

.mat-mdc-select-panel:focus-visible {
  outline: 0.5px solid !important;
}

/* .mat-mdc-select-panel {
  width: 178px;
  ;
} */

.cdk-overlay-pane {
  border: none;
  border-radius: 5pt;
  outline-color: transparent;
  transition: .1s;
}

.input--splitted .dropdown.open:focus-visible {
  border-right: 2px solid;
}

/* .cdk-overlay-pane:focus-visible {
  box-shadow: 0 0 0 1pt var(--pBlueDark);
} */

div.mat-mdc-select-panel .mat-mdc-option:focus-visible,
mat-mdc-select-min-line:focus-visible,
span:focus-visible {
  border: none !important;
  outline: none !important;
}

.sc--steps .sc_side-inner {
  padding-right: 5px;

}

.request-details .radio:has(:focus-visible) {
  outline: none !important;
}

.form_field:has(:focus-visible) .radio_content {
  /* border: 4px solid var(--pBlueDark) !important;
  border-radius: 5px; */
}

.relative {
  position: relative;
}

.inline-bock {
  display: inline-block;
}

.dateError {
  position: absolute;
  bottom: 1;
  width: 100%;
  height: 20px;
  font-size: small;
}

ng-component {
  height: 100%;
}

app-idetification-details {
  padding: 2px;
}

#radioGroupActionType legend {
  height: 50px;
}

#phone {
  text-align: end;
}

.voucherByMail {
  margin-top: 8px;
  margin-bottom: 27px;
}

.popupWarningsClose {
  left: 1rem !important;
  top: 1rem !important;

}

.details-complition .form_field-checkbox {
  width: 100% !important;
}

.messages {
  margin-top: 50px;
}

.btn-primary {
  background-color: #2a6397 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 16px !important;
  position: relative !important;
  z-index: 2 !important;
}

.btn_text-register {
  color: #205a88 !important;
  background-color: #cee9fb !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.sc--welcome span,
strong {
  font-weight: 700 !important;
}


.tab-link:focus,
.tab-link.focused {
  outline: none !important;
}

.details-complition .form_group:not(:last-child) {
  border-bottom: none !important;
}

.sc--steps .form .sc_msg:not(:first-child) {
  margin-top: 3.2rem;
}

.details-complition .sc--steps .form .sc_msg:last-child {
  margin-bottom: 3.2rem;
}

@media (min-width: 768px) {
  .dropdown_head {
    min-width: 32rem !important;
  }

  .form_field--file {
    min-width: 32rem !important;
  }

  .dropdown--default .dropdown_inner {
    margin-top: -5px;
  }
}

.textClean {
  color: #245c86;
  /* Darkened color */
  background-color: #ffffff;
}

.text {
  flex: 1;
  margin-left: 15px;
  color: #333;

  /* padding: 10px; */
  margin-left: 10px !important;
}

.text p {
  margin: 5px 0;
}

.text p strong {
  font-size: 1.2em;
  color: #333;
}

.icon-chevron--l {
  width: 12px;
  height: 12px;
  background-image: url('arrow-left-icon.svg');
  /* Replace with your actual icon */
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 15px;
}

.icon-links {
  padding: 15px;
}

.hidden-tablet {
  display: none;
}

.icon-color-plus-circle--pink {
  margin-bottom: 10px;
}

.hidden-no-tablet {
  display: block;
}

@media (min-width: 768px) {
  .hidden-tablet {
    display: block;
  }

  .hidden-no-tablet {
    display: none;
  }
}


.c-blue--dark {
  color: #0066cc !important;
}

.button-dark {
  color: #245a8d !important;
}

.stepss {
  margin-top: 30px !important;
}

.dateNotesContainer {
  width: 100% !important;
}

.dateNotesInnerContainer {
  display: block !important;
  width: 100% !important;
}

.popupWarningsPopup {
  width: 100%;
  align-items: center;
  display: flex;
  gap: 7px;
  margin: 8px 0;
}

.form_group__box.discount {
  margin-bottom: 30px;
}

.details-complition .form_fields:not(:last-child) {
  margin-bottom: 0 !important;
}

.exist_email_voucher_msg {
  padding: 6px 0;
  font-weight: bold;
  color: var(--pBlue);
  margin-right: 40px;
}

.icon-color-upload {
  cursor: pointer;
  z-index: 2;
  margin-right: 40px;
}

.form_group-upload app-loader {
  top: 25px;
  z-index: 20;
  right: 42%;
  position: relative !important;
}

.sc_summary-title {
  color: var(--pBlue) !important;
  font-size: 17px;
  font-weight: 700 !important;
  margin: unset !important;
  text-decoration: underline;
}

.sc_summary-section {
  margin-top: 15px;
}

.sc_summary-row.holder-row {
  grid-template-columns: 20rem 14rem 23rem 20rem;
}

.sc_summary-row.additional-property {
  grid-template-columns: 15rem 10rem 10rem 14rem;
}

.sc_summary-row.voucher-in-mail-row {
  grid-template-columns: 15rem 50rem;
}

.sc_summary-row.full-row {
  grid-template-columns: auto;
}

.additional-properties .form_group-for .form_field {
  padding-top: 0.8rem !important;
}

.additional-properties .form_group-for .form_field:before {
  visibility: hidden;
}

.additional-properties .sub_title {
  margin: 20px 0;
}

.sc--steps .form_group-details .form_fields {
  gap: 3.2rem 3rem !important;
}

.sc--steps .form_group-details .form_fields.form_fields--checkboxes {
  gap: 1rem 1rem !important;
}

.details-complition .form_content {
  max-width: 115.4rem !important;
}


.details-complition .top-panel .input--regular {
  width: 32rem;
}

.details-complition mat-mdc-form-field-flex {
  width: 145px !important;
}

.details-complition .full-drop-down.mat-mdc-select-panel {
  width: 36rem !important;
}

.sc--welcome {
  font-size: 17px;
}

.sc--welcome .sc_tabs {
  max-height: calc(100% - var(--f-text-height) - 2.4rem - 3.2rem - 21.8rem) !important;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  margin-right: -30px !important;
}

.contactType #phone,
.contactType #mail {
  padding-right: 15rem !important;
}

@media (max-width: 767px) {
  .sc--login .form_fields {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

}

.sc--steps .form_group-details .form_fields {
  gap: 4rem 4rem !important;
}

.input--regular.filled,
.input--splitted input,
app-identity-number-form-field .input {
  width: 32rem !important;
}

.details-complition .top-panel .form_field {
  width: 32rem !important;
}

.details-complition .form_field .input--big-drop {
  width: 32rem !important;
}

.input--splitted.disabled .dropdown {
  border: 1.5px solid var(--sGrayLight) !important;
}

.switches-container label {
  cursor: pointer;
}

.switches-container input:nth-of-type(1):checked~.switch-wrapper {
  cursor: pointer;
}

.uploading-documents .form_fields {
  align-items: flex-start;
}

.checkbox--styled .checkbox_content {
  width: 100%;
  border: 1px solid var(--sGray);
  border-radius: 0.8rem;
  padding: 2.4rem 6.4rem 2.4rem 1.6rem;
}

.search-property .checkbox input {
  margin-right: 0px;
}

.details-complition .top-panel .input--regular {
  padding-left: 5px !important;
}

.details-complition .top-panel .mat-mdc-text-field-wrapper {
  padding-right: 0px;
}

.input--regular:has(input:disabled) {
  border: 1.5px solid var(--sGrayLight) !important;
}

.errorFieldValidation {
  color: #c9181f !important;
}

.enterHolderText {
  color: #66708A !important;
}

.addFoucs {
  outline: 2px solid var(--pBlueDark);
}

.noBold {
  font-weight: unset !important;
}

.mat-mdc-form-field-error {
  line-height: 15px;
}

app-details-complition-dates .top-panel {
  margin-top: 2rem;
}

.mat-mdc-icon-button.mat-mdc-button-base.mat-calendar-previous-button {
  position: relative;
  left: 30px;
}

:root {
  --sGray: #66708A !important;
}

.search-property-form .fieldset_identify .form_fields {
  margin-bottom: 0 !important;
}

.search-property-form .sc_btns {
  margin-top: 3rem !important;
}

.file_align {
  align-self: flex-start !important;
}

.pageScroll {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* .loader-container {
  display: flex;
  width: 200px;
  overflow: hidden;
  position: relative;
} */

.input--splitted {
  z-index: 100;
}

.popup_wrapper .actionTypeDesc {
  margin-top: 10px;
  display: flex;
  font-weight: 400 !important;
  font-size: 20px;
}

.popup_wrapper .actionTypeDesc .actionTypeTitle {
  font-weight: 800;
}

@media (min-width: 730px) {
  .sc--login .form_fields--radios {
    flex-direction: row !important;
    align-items: flex-start;
    align-content: flex-start;
  }
}

.form_fields--img .radio_content {
  min-height: 140px;
  ;
}

.sc--welcome .sc_side-right {
  padding-right: 4rem;
}

.sc_side-inner {
  overflow-y: auto;
}

@media (min-width: 1199px) {
  .tabs_inner {
    max-height: 330px !important;
    overflow: auto;
  }
}

.sc--welcome .sc_tabs {
  min-height: fit-content;
}

.details-complition-title {
  margin-top: 0px;
}

@media (max-width: 767px) {
  .emailByVoucher .form_field {
    max-width: 32rem !important;
  }
}

@media (max-width: 767px) {
  .partner-card_actions {
    width: fit-content;
    flex-direction: row !important;
  }

  .partner-card_actions .btn-action {
    max-width: 3rem;
  }
}

#radiogroupIsForMe .form_field-radio {
  max-width: 170px;
}

.form_group legend h2 {
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  app-search-property {
    height: 160px;
    padding-bottom: 20px;
  }
}

@media (max-width: 1199px) {
  app-loader {
    position: absolute;
    top: 39vh;
    left: calc(44vw);
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 1199px) {
  app-loader {
    position: absolute;
    top: 42vh;
    left: calc(50% - var(--left-side-width) / 2 - 12px);
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 991px) {
  app-idetification-details app-loader {
    top: 43vh !important;
    left: calc(43vw);
  }
}

@media ((min-width: 991px) and (max-width: 1199px)) {
  app-idetification-details app-loader {
    top: 43vh !important;
    left: calc(18vw);
  }
}

@media ((min-width: 1199px)) {
  app-idetification-details app-loader {
    top: 47vh;
    left: calc(50% - var(--left-side-width) / 2 - 12px);
  }
}

.sc_summary:not(:last-child) {
  margin-bottom: 0rem !important;
}

.request-details app-search-property {
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .request-details app-search-property {
    min-height: 230px;
  }
}

app-search-property app-loader {
  top: 50px !important;
  left: -60px !important;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  app-search-property app-loader {
    right: 210px !important;
    top: 110px !important;
    transform: translate(100%, -50%) !important;
    width: fit-content !important;
  }
}

@media (max-width: 400px) {
  app-search-property app-loader {
    right: 195px !important;
  }
}

.propertySelectionRadio {
  line-height: 18px;
}

.code-type h1 {
  margin-bottom: 1.6rem;
}

.code-type p {
  margin-bottom: 1.6rem;
}

@media (max-width: 991px) {
  .request-details .requestRecieverDetails {
    margin-top: 25px
  }
}

@media (max-width: 1199px) {
  .sc_steps {
    top: calc(-0.7 * var(--size)) !important;
  }
}

.sc_back-steps-text {
  display: flex;
  gap: 15px;
  align-items: center;
}

@media (max-width: 767px) {
  .sc_summary-row {
    width: 300px;
  }

  .sc_summary-row.holder-row {
    grid-template-columns: 14rem 16rem 13rem 10rem;
  }

  .sc_summary-row.additional-property {
    grid-template-columns: 5rem 10rem 10rem 4rem;
  }

  .sc_summary-row.voucher-in-mail-row {
    grid-template-columns: 15rem 25rem;
  }
}

h1:focus-visible {
  outline: none
}

.form_nav span {
  font-size: 18px;
}

@media (max-width: 500px) {
  .switches-container {
    padding: 0.4rem !important
  }
}

.sc_complete {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;


}

.sc_h1 {
  margin-top: -35px !important;
}

.sc_complete h1 {
  font-weight: 400;
  font-size: 1.8em;
  color: #333;
  /* Adjusted text color */
  margin-bottom: 20px;
  text-align: center;
}

.sc_items {

  display: flex;
  flex-direction: column;
  gap: 15px;
  /* Spacing between items */
  width: 100%;
  /* Full width */
  max-width: 800px;
  /* Limit the width for larger screens */

}

.sc_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Add box shadow */
  padding: 7px;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  text-decoration: none;
  /* Prevent underline for links */
}

.sc_item:hover {
  transform: scale(1.02);
  /* Slight zoom on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.sc_side-left .sc_text {
  z-index: 2;
  background: var(--sBlue6);
}

.sc--welcome .sc_side-right .sc_btns {
  height: 3.8rem;
  margin: 10px 0 40px 0px;
}

.h1 {
  font-size: 2em !important;
  margin-bottom: 10px !important;
}

h1 {
  margin-bottom: 10px !important;
}

h2 {
  line-height: 10px;
}

.instruction {
  margin-bottom: 0.7rem !important;
  font-size: 18px;
}

.search-property-form .form_fields {
  margin-bottom: 0 !important;
}

.step-name {
  font-size: 19px;
}

.h3 {
  line-height: 45px !important;
  margin-bottom: 0 !important;
  font-weight: 100 !important;
}

#holders_exchange .form_group {
  /* padding: 2.4rem; */
  margin-bottom: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}



@media (min-width: 400px) {
  app-added-partner-card .partner-card {
    flex-direction: row !important;
  }

  app-added-partner-card .partner-card_info {
    margin-bottom: 0px !important;
  }

  app-added-partner-card .partner-card_actions {
    flex-direction: row !important;
    width: fit-content !important;
  }

  .partner-card app-added-partner-card .partner-card_actions .btn {
    width: fit-content !important
  }
}

.otherHoldersActionContainer {
  margin: 20px 0 0px 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* scroll - move to left */
.sc--login .sc_side-right .sc_side-inner,
.sc--steps .sc_side-inner {
  overflow: unset !important;
}

.sc--steps .sc_inner {
  overflow: visible;
}

.sc_inner {
  overflow: auto;
  ;
}

.sc_side-right {
  height: fit-content;
}

.sides_container {
  /* border-left: 10px solid #FFF;
  border-radius: 10px; */
  overflow: auto;
  display: flex;
  width: 100%;
}

.form-partners-added {
  padding: 1.2rem;
}

.horizontal-line {
  border: 0;
  height: 1px;
  background-color: #dcdcdc;
  margin: 1.5rem 0;
}

h1 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}


:root {
  --gap: 15px !important;
  --header-height: 8rem !important;
  --footer-height: 3rem !important;
  --content-v-space: 2rem !important;
}

.sc--login .sc_side-right .sc_side-inner {
  padding: 2.2rem 4rem !important;
}

.header {
  height: auto !important;
  padding: 14px 0 22px 0 !important;
}

@media (min-width: 1200px) {
  .content {
    padding: 0px !important;
  }
}

@media (max-width: 767px) {
  .header {
    padding: 5px !important;
  }
}

.identify-details {
  margin-bottom: 1.6rem !important;
}

.sc_text:not(:last-child) {
  margin-bottom: 0 !important;
}

legend {
  line-height: 28px;
}

.sc--login .form_nav {
  margin-top: 10px
}

.sc--welcome .sc_tabs {
  margin-top: 15px
}

.sc--welcome .sc_side-right {
  height: 100%;
}

@media(max-width: 1250px) {
  .sc_steps {
    max-width: 110rem !important;
  }
}

/* width */
::-webkit-scrollbar {
  width: 6px !important;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 30px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 30px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: gray !important;
}

@media (min-width: 1200px) {
  * {
    scrollbar-width: unset !important;
    scrollbar-y-position: unset !important;

  }
}

.form_content:not(:last-child) {
  margin-bottom: 2rem !important;
}

.sc_form .form_partners {
  margin-bottom: 2rem !important;
}

.form_partners {
  padding: 1.2rem 2rem !important;
}

.sc_back {
  height: 2.4rem !important;
  margin-bottom: 1.4rem !important;
}

.form_partners_top {
  margin-bottom: 1.2rem !important;
}

@media (min-width: 767px) {
  .mailSection {
    margin-right: 5rem !important;
  }
}

.sc--welcome .sc_side-left .image.left-panel-image {
  width: 9vw !important;
  height: calc(var(--w) * 1.593023256) !important;
  position: absolute !important;
  bottom: calc(-0.1220930233 * var(--w)) !important;
  left: 0 !important;
  max-width: 9vw !important;
  max-height: 9vw !important;
}

.fieldset_identify.dragStandingOrder {
  margin-right: 55px;
}

app-request-otp-code .form_content {
  margin-top: 1.5rem;
}

#radiogroupIsForMe .radio-name {
  width: 100%;
}

.step_number,
.sc_steps .step_text {
  border: 1px solid var(--sGrayLight);
}

.input label,
.input .label {
  min-width: 80px !important;
}

@media(max-width:767px) {
  .hideInMobile {
    display: none;
  }
}

@media (min-width: 768px) {
  .navigation-footer {
    display: flex !important;
    /* Enables Flexbox */
    justify-content: space-between !important;
    /* Pushes child elements to opposite ends */
    align-items: center !important;
    /* Vertically centers the items */
    width: 100% !important;
    /* Makes the container span the full width */
    padding: 0 1rem !important;
    /* Optional: Adds horizontal padding */
    box-sizing: border-box;
    /* Ensures padding doesn't affect the width */
  }



  .navigation-footer-layout {
    display: block;
    /* Makes it behave like a block element */
    width: 100%;
    /* Ensures the component takes full width */
  }
}

.sc--welcome .sc_side-right {
  --s-pd: 3rem 6rem 5rem 4.8rem !important;
}

@media (max-width: 1199px) {
  .sc--steps .sc_back.hidden-no-tablet {
    padding: 4rem 3rem 3rem 3rem !important;
  }
}

.details-complition .form_group-details .input label,
.details-complition .form_group-details .input .label {
  min-width: max-content !important;
}

.other-holders-panel .fieldset_identify,
.holderExchangeActions {
  padding-right: 20px;
}

.popup-add-partner .popup_btns {
  width: 100% !important;
  justify-content: center !important;
}

.sc--steps .form_nav {
  padding: 4rem 0;
  width: 100%;
  bottom: 0px !important;
  height: 52px !important;
  right: 53px;
  margin-bottom: 30px;
  background: white;
  align-items: center;
  position: sticky !important;
  display: flex !important;
  justify-content: space-around;
  gap: unset !important;
}

/* 
.sc--steps .form_content {
  max-height: 60vh !important;
} */

.sc--steps .sc_side-right:after {
  content: none !important
}

@media (max-width: 1199px) {
  app-navigation-footer app-back-button {
    display: none;
  }
}


/* .sc_side-inner .sc_text {
  position: fixed;
  height: 80px;
  padding-top: 20px;
  height: 60px;
  top: 82px;
  z-index: 100;
  background: #fff;
  width: calc(100% - var(--left-side-width) - 20px);
}

.sc_side-inner .sc_form {
  margin-top: 50px;
}

.sc--steps .sc_side-inner .sc_text {
  height: 90px;
  top: 85px;
  padding-top: 44px;
} */


@media (max-width: 1199px) {
  .sc--steps .sc_side-inner .sc_text {
    display: none;
  }

  .sc_side-inner .sc_form {
    margin-top: 0px !important;
  }
}

app-back-button.pin-to-right {
  position: fixed;
  top: 115px;
  right: 27px;
}

/* @media (min-width: 1599px) {
  app-back-button.pin-to-right {
    right: 173px;
  }
}

.sc_text h1 {
  margin-bottom: 0px !important;
}

app-header {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100;
}

.sc_inner {
  margin-top: 85px;
}

@media (min-width: 1599px) {
  :root {
    --header-height: 9rem !important;
  }

  .content {
    padding: 0 !important;
  }
}

@media (min-width: 1200px) {
  app-header {
    width: 100%;
    top: -5px !important;
  }
}

.header_text {
  position: relative;
  top: -2px;
}

@media (max-width: 1199px) {
  .sc--steps .form_nav {
    width: calc(100% - var(--left-side-width) - 20px) !important;
    bottom: 20px !important;
    height: 50px !important;
  }

  .form_content {
    margin-top: 30px;
  }

  .sc_side-inner .sc_text {
    top: 85px;
    width: 60vw;
  }
}

@media (max-width: 767px) {
  .sc--steps .sc_back.hidden-no-tablet {
    position: fixed !important;
    top: 98px !important;
    width: 93vw !important;
  }

  .form_content {
    margin-top: 77px !important
  }

  .sc--steps .form_nav {
    bottom: 20px !important;
  }
}

@media (max-width: 991px) {
  .sc--steps .sc_side-inner {
    overflow: auto !important;
    max-height: 90vh !important;
  }
}

@media (max-width: 1199px) {
  .sc--steps .form_nav {
    padding-bottom: 30px;
    width: 85vw !important;
    bottom: 49px !important;
    height: 64px !important;
    background: white;
  }
} */

@media (max-width: 767px) {
  .sc--welcome .sc_inner {
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .sc--welcome .sc_side-left {
    width: calc(100% - 4rem) !important;
    margin: 0 2rem 2rem 2rem;
  }
}


@media (max-width: 390px) {

  sc_side-right {
    padding: 0px !important;
  }

}

@media(max-width:768) {
  .form-group-with-border-bottom {
    border-bottom: none !important;
    border: none;
  }
}

@media (max-width: 390px) {
  .input--regular.filled {
    width: 100% !important;
  }

  .form_field {
    width: 100% !important;
  }
}

@media (max-width: 390px) {
  .btn-primary {
    --btn-m-width: 100% !important;
  }

  .mailWidth {
    width: 90% !important;
    margin: 0 auto;
  }

  .sc_back-steps-text {
    flex-direction: column !important;
    gap: 0px !important;
  }

}

@media (max-width: 767px) {
  .header {
    --h-s-h3: 1.5rem !important;
  }
}

.sc_side-inner .sc_text {
  position: sticky;
  background: #fff;
  max-height: 120px;
  top: -1px !important;
  padding-top: 23px;
  z-index: 200;
}


.icon-color-car {
  background-image: url("../images/icons-colored/icon-car.svg");
}

.icon-color-money {
  background-image: url("../images/icons-colored/icon-money.svg");
}

.icon-color-emptyasset {
  background-image: url("../images/icons-colored/icon-emptyasset.svg");
}


.icon-color-horatkeva {
  background-image: url("../images/icons-colored/icon-horatkeva.svg");
}

.icon-color-plus-circle--pink {
  background-image: url("../images/icons-colored/icon-plus-circle--pink.svg");
}

.icon-color-list--green {
  background-image: url("../images/icons-colored/icon-list--green.svg");
}

.icon-color-changeassetdetails {
  background-image: url("../images/icons-colored/icon-changeassetdetails.svg");
}

.icon-color-taboodebts {
  background-image: url("../images/icons-colored/icon-taboodebts.svg");
}

.input {
  width: 100% !important;
}

.sc_side-right .image-decor {
  --w: 16vw !important;
  --h: calc(var(--w) * 1.285714286);
  position: absolute;
  width: var(--w);
  height: var(--h);
  left: 10vw !important;
  z-index: 10 !important;
}

.sc_side-left .image-decor {
  bottom: 0px !important;
}

.tabs {
  height: fit-content !important;
  min-height: 20rem;
}

@media (max-width: 1199px) {
  .sc--steps .sc_back.hidden-no-tablet {
    justify-content: center !important;
  }
}


@media (max-width: 425px) {
  .items {
    max-width: 250px
  }

  .switches-container label {
    padding: 0.6rem 1.5rem;
  }

  .partner-card {
    padding: 0.9rem 0.4rem
  }
}

.input_inner {
  overflow: hidden;
}

@media (max-width: 412px) {
  .sc_summary-row {
    grid-template-columns: repeat(2, 0.4fr) !important;
  }

  .switches-container label {
    padding: 0.6rem 1.5rem !important;
  }

  app-identity-number-form-field .input--splitted {
    width: 32rem !important;
  }

  input {
    width: 16rem !important;
  }

  .sc_complete .sc_item {
    max-width: 30rem;
  }

  .partner-card_actions {
    flex: 1;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .sc--steps .sc_inner {
    flex-direction: column !important;
  }
}

app-property .radio_content {
  padding: 1rem 5.4rem 1rem 1rem !important;
}

app-property .text {
  margin-left: 0px !important;
}

app-property .radio--styled {
  width: auto !important;
}

@media (max-width: 400px) {

  .input--regular.filled,
  .input--splitted input,
  app-identity-number-form-field .input {
    width: 28rem !important;
  }

  .tooltip--circle {
    margin-top: 15px;
  }

  app-contact-type-form-field .input {
    width: 28rem !important;
  }

  app-search-property .input.search-property {
    width: 28rem !important;
  }

  app-search-property .form_field--tooltip-outer {
    top: -58px;
    left: 41px;
  }

  .sc--login .sc_side-right .sc_side-inner {
    padding: 2.2rem 0rem !important;
  }

  .search-property .dropdown,
  .search-property div.mat-mdc-select-panel {
    font-size: 13px !important;
    width: 16rem !important;
  }

  div.mat-mdc-select-panel {
    width: 16rem !important;
  }

  app-search-property .mat-mdc-select-arrow {
    left: 24px !important;
  }

  app-identity-number-form-field .input--splitted input {
    margin-right: -7rem !important;
    padding-right: 14rem !important;
  }

  .search_property_form_field .input--splitted input {
    width: 100% !important;
    padding-right: 70px;
  }

  .details-complition .form_field .input--big-drop {
    width: 26rem !important;
  }

  .full-drop-down.mat-mdc-select-panel {
    width: 26rem !important;
  }

  .details-complition .top-panel .form_field {
    width: 28rem !important;
  }

  .details-complition .form_fields.top-panel {
    margin-bottom: 2rem !important;
  }

  .tooltip_content.tooltip_content--img {
    left: -8rem !important;
    top: calc(100%) !important;
  }

  .sc--steps .form_group-details .form_fields {
    gap: 2rem 4rem !important;
  }
}

@media (max-width: 991px) {
  .tooltip_content {
    top: calc(100% + 18px) !important;
  }
}

.input--file {
  width: 100%;
  max-width: 60rem !important;
  align-items: start;
  gap: 2rem;
}


@media (max-width: 442px) {
  .dropdown_head {
    min-width: 30rem !important;
  }

  .sc--steps .form_group-upload .input {
    height: 7rem !important;
  }
}

.sc--steps .form_group-upload .input {
  align-items: self-start;
}

.sc--login .form_group.identify {
  margin-right: 3px
}

.partner-card.its-me {
  border-color: white !important;
}

.switches-container input {
  visibility: unset !important;
  position: unset !important;
  top: unset !important;
}

.switches-container input:focus-visible {
  outline: none !important
}

.switches-container span {
  width: 177px;
  text-align: center;
  font-family: Blender !important;
  color: #737373 !important;
  font-size: 1.6rem;
  font-weight: 400 !important;
  line-height: 2.4rem !important;
  letter-spacing: 0.05rem !important;
  border-radius: 4rem !important;
  padding: 0.6rem 0rem;
  background-color: unset !important;
  white-space: nowrap !important;
}

.switches-container input {
  position: relative !important;
  width: 0.1px !important;
}


.switches-container span {
  cursor: pointer;
}

.iconText {
  padding-right: 5px;
}

span.toggleIsHolderSpan.checked {
  opacity: 0;
}

@media(max-width:425px) {

  .switch div,
  .switches-container span {
    font-size: small !important;
  }
}

@media(max-width:520px) {
  .switches-container {
    width: 100% !important;
  }
}

.tab_inner p a {
  color: var(--pBlue);
  text-decoration: underline;
}

.file-uploded-data {
  display: flex;
  flex-direction: column;
}

input.input--file.uploaded {
  height: auto !important;
}

.file-uploded-data .name {
  padding: 0 20px;
}

@media (max-width: 412px) {
  .input--code input {
    width: 4.8rem !important;
  }
}

@media (max-width: 767px) {
  .file-uploded-data .name {
    max-width: 360px;
  }
}

.idetification-form-container {
  margin-top: 30px;
}

@media(max-width: 360px) {
  .radio--styled .radio_content {
    padding: 1.4rem 2.4rem 1.4rem 0.6rem !important;
  }

  .radio--styled .radio_content:after {
    right: -0.2rem !important;
  }

  .radio--styled .icon-color {
    margin-right: 0.4rem;
  }
}


@media (max-width: 385px) {

  .small-mobile {
    width: 85% !important;
    right: 30px !important;
  }
}


@media (max-width: 325px) {

  .small-mobile {
    width: 75% !important;
    margin-right: 20px;
  }
}



.addPartnersDivAlignment {
  padding-right: unset;
}

.mobile-mail-small-text {
  text-align: left;
  direction: ltr;

}

@media(max-width:400px) {
  .input--regular {
    width: 26rem !important;
  }

}


/* Style for spans only when their associated radio button has focus */
input[type="radio"]:focus+span {
  text-decoration: underline;
  outline: none;
}

/* Style for the switch divs only when their associated radio button has focus */
.switch-radio:focus~.switch-wrapper .divSwitchIn,
.switch-radio:focus~.switch-wrapper .divSwitchOut {
  text-decoration: underline;
}

.addHoldersStretch {
  padding-left: 42px !important;
}

.radio.propertySelectionRadio {
  font-size: 18px;
}

.details-complition .form_fields.top-panel {
  margin-bottom: 4rem !important;
}

@media(max-width:400px) {
  .details-complition .form_fields.top-panel {
    margin-bottom: 2rem !important;
  }

  app-idetification-details #searchProperty {
    max-width: 228px;
  }

  app-idetification-details app-search-property {
    height: 185px;
  }
}

mat-select.no-arrow .mat-select-arrow,
mat-select.no-arrow .mat-mdc-select-arrow {
  display: none !important;
}

.sc_summary-section {
  font-size: 16px !important;
}

.sc_summary-col.fw-900 {
  min-width: 112px;
}

.datepicker-toggle {
  box-shadow: none;
  /* Remove shadow */
}

.ripple {
  display: none !important;
  /* Hide ripple effect */
}

.mdc-icon-button:focus {
  outline: none;
  /* Remove outline */
}

.mdc-icon-button .mat-mdc-button-ripple {
  display: none;
  /* Hide ripple effect */
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-icon-button.mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
  display: none;
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  display: none;
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  display: none;
}

@media(max-width:400px) {

  app-details-complition-dates .top-panel .input--regular,
  app-details-complition-dates .top-panel .input--big-drop {
    width: 28rem !important;
    padding: 1.2rem 0.7rem !important;
    font-size: 12rem !important;
  }

  .input--big-drop .label {
    padding: 1.2rem 0.7rem !important;
  }

  .details-complition .top-panel .input--big-drop {
    width: 28rem !important;
  }

  .full-drop-down.mat-mdc-select-panel {
    width: 28rem !important;
  }

  .mat-mdc-form-field-icon-suffix {
    margin-left: -9px;
  }

  .details-complition .top-panel .input label,
  .details-complition .top-panel .input .label {
    padding-left: 4px !important;
  }

  .details-complition .top-panel .mat-datepicker-input {
    padding-right: 2px !important;
  }

}

.popup_add-p {
  max-height: 480px;
  overflow: auto;
}

.sc_side-left {
  position: sticky
}

@media(max-width:400px) {
  .adjustForIphoneLeftSpan {
    position: relative;
    left: 295px;
  }

  .adjustForIphoneRightSpan {
    position: relative;
    left: 150px;
  }

}

@media(max-width:250px) {
  .cdk-overlay-pane {
    left: 0 !important;
    /* Reset positioning */
    right: 0 !important;
    /* Reset positioning */
    width: auto !important;
    /* Ensure proper width */
    transform: none !important;
    /* Remove transform */
  }

  .mat-mdc-select-panel {
    position: absolute;
    left: 0 !important;
    /* Align with the mat-select */
    right: 0 !important;
    width: calc(100% - 16px) !important;
    /* Adjust width to fit the parent, add padding if needed */
    margin-top: 8px;
    /* Add space between select and dropdown */
    box-sizing: border-box;
    /* Ensure proper width calculation */
  }
}


@media(max-width:400px) {
  .adjustForIphoneLeftSpan {
    position: relative;
    left: 295px;
  }

  .adjustForIphoneRightSpan {
    position: relative;
    left: 150px;
  }

}

.sr-only-identification {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;

}

.sr-only-select {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* Prevent text wrapping */
  border: 0;

  /* Allow keyboard and screen reader focus */
  appearance: none;
  /* Hide native dropdown */
  -webkit-appearance: none;
  /* Safari */
  -moz-appearance: none;
  /* Firefox */
  pointer-events: auto;
  /* Allow interaction via keyboard/tab */
}

.uploadFileError {
  line-height: 18px;
}

app-footer {
  display: inline-block;
  position: relative;
  top: -10px;
  right: 65px;

}

@media (min-width: 1200px) {
  app-footer {
    display: flex;
    position: relative;
    top: 0px;
    right: 65px;
    padding: 2px 0;

  }
}

@media (min-width: 1700px) {
  app-footer {
    right: 280px;
  }
}

/* for footer */
@media (max-width: 1599px) {
  .sc {
    height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-v-space))!important;
  }
}

.sc {
  height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-v-space) * 2)!important;
}

@media (max-width: 991px) {
  .sc--steps {
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-v-space))!important;
  }
}

.sc--steps:before, .sc--steps:after {
  height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-v-space) * 2 - 8rem)!important;
}

@media (max-width: 991px) {
  .sc--login {
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-v-space))!important;
  }
}

.sc--login:before {
  height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-v-space) * 2 - 8rem)!important;
}

@media (max-width: 767px) {
  .sc--welcome {
    min-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-v-space))!important;
  }
}

.wrapper{min-height: auto!important;}

@media (max-width: 767px) {
  .sc--welcome .sc_side-right,
  .sc--welcome .sc_side-left {
    min-height: fit-content;
  }
}

@media (max-width: 767px) {
  .sc--welcome .sc_side-right, .sc--welcome .sc_side-left {
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .sc--welcome .sc_inner {
    display: block !important;
  }
}