@charset "UTF-8";
/*Rozlišení*/
/**/
.profile-page .placeholder {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.profile-page .placeholder .left-menu {
  margin-bottom: 150px;
  flex: 0 0 24%;
  max-width: 24%;
}
.profile-page .placeholder .profile-info {
  flex: 0 0 auto;
  max-width: 100%;
  padding-left: 50px;
}
.profile-page .placeholder .profile-info h1 {
  margin-top: 0;
  padding: 0;
}
.profile-page .placeholder .profile-info .account-name {
  font-size: 16px;
  margin-top: 20px;
}
.profile-page .placeholder .profile-info > .profile-info-wrapper > div {
  display: none;
}
.profile-page .placeholder .profile-info > .profile-info-wrapper > div.active {
  display: block;
}
.profile-page .placeholder .profile-info .user-information {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.profile-page .placeholder .profile-info .user-information .name {
  flex: 0 0 85px;
}
.profile-page .placeholder .profile-info .user-information .value {
  flex: 0 0 120px;
  margin-right: 20px;
  text-decoration: none;
}
.profile-page .placeholder .profile-info .user-information .change, .profile-page .placeholder .profile-info .user-information .phone-change {
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}
.profile-page .placeholder .profile-info .user-information .change:hover, .profile-page .placeholder .profile-info .user-information .phone-change:hover {
  color: #e61930;
}
.profile-page .placeholder .profile-info .user-information .new-value.phone {
  display: none;
  outline: none;
}
.profile-page .placeholder .profile-info .user-information .save, .profile-page .placeholder .profile-info .user-information .phone-save {
  display: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
  margin: 0 5px;
}
.profile-page .placeholder .profile-info .user-information .save::before, .profile-page .placeholder .profile-info .user-information .phone-save::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 10px;
  background-color: #039300;
  left: 6px;
  bottom: 4px;
  transform: rotate(-45deg);
}
.profile-page .placeholder .profile-info .user-information .save::after, .profile-page .placeholder .profile-info .user-information .phone-save::after {
  content: "";
  position: absolute;
  width: 19px;
  height: 4px;
  background-color: #039300;
  left: 7px;
  bottom: 10px;
  transform: rotate(-45deg);
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder {
  margin-bottom: 5px;
  position: relative;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-textbox .form-control {
  width: 100%;
  max-width: 280px;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .dropdown-toggle,
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .form-control {
  height: 36px;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .dropdown-toggle .caret,
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .form-control .caret {
  top: 15px;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .bl-forminput {
  display: block;
  margin-bottom: 0;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group {
  display: block;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-dropdown {
  display: block;
  min-width: 105px;
  width: 105px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-dropdown .btn-group {
  width: 90px;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper {
  padding-left: 90px;
  min-width: 390px;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper .col-xs-12 {
  padding-right: 0;
}
.profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .prefix-input-wrapper .col-xs-12 {
  padding-right: 15px;
}
.profile-page .placeholder .profile-info .user-information .dismiss, .profile-page .placeholder .profile-info .user-information .phone-dismiss {
  display: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
  margin: 0 5px;
}
.profile-page .placeholder .profile-info .user-information .dismiss:before, .profile-page .placeholder .profile-info .user-information .dismiss:after, .profile-page .placeholder .profile-info .user-information .phone-dismiss:before, .profile-page .placeholder .profile-info .user-information .phone-dismiss:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 20px;
  left: 10px;
  top: 3px;
  background-color: #e61930;
}
.profile-page .placeholder .profile-info .user-information .dismiss:before, .profile-page .placeholder .profile-info .user-information .phone-dismiss:before {
  transform: rotate(45deg);
}
.profile-page .placeholder .profile-info .user-information .dismiss:after, .profile-page .placeholder .profile-info .user-information .phone-dismiss:after {
  transform: rotate(-45deg);
}
.profile-page .placeholder .profile-info .user-information .validation {
  max-width: 385px;
}
.profile-page .placeholder .profile-info .user-information .validation .text-danger {
  word-break: break-all;
}
.profile-page .placeholder .profile-info .user-information .phone-save,
.profile-page .placeholder .profile-info .user-information .phone-dismiss {
  margin-top: 5px;
}
.profile-page .placeholder .profile-info .user-information.editing .value, .profile-page .placeholder .profile-info .user-information.editing .change, .profile-page .placeholder .profile-info .user-information.editing .phone-change {
  display: none;
}
.profile-page .placeholder .profile-info .user-information.editing .new-value, .profile-page .placeholder .profile-info .user-information.editing .save, .profile-page .placeholder .profile-info .user-information.editing .phone-save, .profile-page .placeholder .profile-info .user-information.editing .dismiss, .profile-page .placeholder .profile-info .user-information.editing .phone-dismiss {
  display: block;
}
.profile-page .placeholder .profile-info .contact-placeholder {
  max-width: 100%;
  width: 405px;
  height: 94px;
  border: 4px solid #e3e7f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  margin-top: 50px;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact {
  padding-left: 15px;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact p {
  margin: 0;
  margin-bottom: 3px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 13px;
  padding-left: 20px;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact--contact-us {
  padding-left: 0 !important;
  font-size: 14px;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact--contact-us a {
  font-weight: 600;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact--phone {
  background-image: url("../Custom/img/phone-red-small.png");
  font-size: 13px;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact--phone a {
  color: #e61930;
  text-decoration: none;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact--mail {
  background-image: url("../Custom/img/mail-red-small.svg");
  font-size: 13px;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__contact--mail a {
  color: #e61930;
  text-decoration: none;
}
.profile-page .placeholder .profile-info .contact-placeholder .contact__img {
  background-color: #e3e7f0;
  color: #c9d0e1;
  font-weight: 700;
  font-size: 65px;
  width: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
.profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput {
  display: grid;
  display: -ms-grid;
}
.profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .control-label {
  margin: 0;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  width: 100%;
  padding: 0;
}
.profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .col-md-8.col-xs-12 {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  width: 422px;
  max-width: 92vw;
  padding: 0;
}
.profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .col-md-8.col-xs-12 .form-control {
  height: 48px;
  border-radius: 4px;
  border: 1px solid #91959f;
}
.profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .col-md-8.col-xs-12 .form-control.has-error {
  border-color: #e61930 !important;
}
.profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .text-danger {
  position: absolute;
  left: 510px;
  top: 15px;
}
.profile-page .placeholder .profile-info .password-change-placeholder .save-new-password {
  margin-top: 25px;
}
.profile-page .placeholder .profile-info .privacy-placeholder h1 {
  margin-bottom: 30px;
}
.profile-page .placeholder .profile-info .privacy-placeholder p {
  margin-bottom: 25px;
}
.profile-page .placeholder .profile-info .newsletter-placeholder > div {
  margin-bottom: 25px;
}
.profile-page .placeholder .profile-info .newsletter-placeholder h1 {
  margin-bottom: 30px;
}
.profile-page .placeholder .profile-info .newsletter-placeholder p {
  margin-bottom: 25px;
}
.profile-page .placeholder .addresses {
  flex: 0 0 74%;
  max-width: 74%;
  padding-left: 50px;
  margin-bottom: 100px;
}
.profile-page .placeholder .addresses h1 {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 0;
}
.profile-page .placeholder .addresses .billing-info {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid #e3e7f0;
  padding-bottom: 50px;
}
.profile-page .placeholder .addresses .billing-info .information {
  flex: 0 0 30%;
  max-width: 30%;
}
.profile-page .placeholder .addresses .billing-info .information p {
  margin-bottom: 4px;
}
.profile-page .placeholder .addresses .billing-info .information p span {
  padding-left: 10px;
}
.profile-page .placeholder .addresses .billing-info .information .company-information {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.profile-page .placeholder .addresses .billing-info .information .company-information .name {
  flex: 0 0 70px;
}
.profile-page .placeholder .addresses .billing-info .information .company-information .value {
  flex: 0 0 auto;
  margin-right: 30px;
}
.profile-page .placeholder .addresses .billing-info .information .company-information:nth-child(5) {
  margin-top: 20px;
}
.profile-page .placeholder .addresses .billing-info .need-change {
  flex: 0 0 70%;
  max-width: 70%;
  display: flex;
  align-items: center;
  padding-left: 50px;
}
.profile-page .placeholder .addresses .billing-info .need-change > div {
  display: flex;
  justify-content: space-between;
  border: 3px solid #e3e7f0;
  border-radius: 4px;
  width: 400px;
  height: 95px;
}
.profile-page .placeholder .addresses .billing-info .need-change > div .text {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px;
}
.profile-page .placeholder .addresses .billing-info .need-change > div .text p {
  margin: 0;
  max-width: 100%;
}
.profile-page .placeholder .addresses .billing-info .need-change > div .text p a {
  font-weight: 600;
}
.profile-page .placeholder .addresses .billing-info .need-change > div .img {
  background-color: #e3e7f0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  background-image: url("../Custom/img/phone-gray.png");
  width: 80px;
  min-width: 80px;
}
.profile-page .placeholder .addresses .billing-info .need-change > div .img--mail {
  background-image: url("../Custom/img/mail-gray.png");
  background-size: 45px;
}
.profile-page .placeholder .addresses .shipping-info h1 {
  margin-top: 25px;
  padding: 0;
}
.profile-page .placeholder .addresses .shipping-info p {
  margin-bottom: 4px;
}
.profile-page .placeholder .addresses .shipping-info p span {
  padding-left: 10px;
}
.profile-page .placeholder .addresses .shipping-info .change-shipping {
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
  margin-top: 10px;
}
.profile-page .placeholder .addresses .shipping-info .change-shipping:hover {
  color: #e61930;
}

.profile-section-placeholder .show-password {
  float: none;
  display: flex !important;
  align-items: center;
  justify-content: flex-end !important;
}
.profile-section-placeholder .show-password > * {
  width: initial !important;
}
.profile-section-placeholder .show-password .col-md-8.col-xs-12 {
  margin-right: 15px;
}

@media (max-width: 1199px) {
  .profile-page .placeholder {
    margin-top: 25px;
  }
  .profile-page .placeholder .addresses .billing-info .need-change > div {
    width: 100%;
    min-height: 105px;
  }
  .profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput {
    min-width: inherit;
  }
  .profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .col-md-8.col-xs-12 {
    width: 100%;
    max-width: 98vw;
  }
  .profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .col-md-8.col-xs-12 .form-control {
    width: 100%;
  }
  .profile-page .placeholder .profile-info .password-change-placeholder .bl-forminput .col-md-8.col-xs-12 .text-danger {
    position: relative;
    top: 0;
    left: 0;
    font-size: 1em;
  }
}
@media (max-width: 991px) {
  .profile-page .placeholder {
    margin-bottom: 50px;
  }
  .profile-page .placeholder .left-menu {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: inherit;
    margin-bottom: 50px;
  }
  .profile-page .placeholder .profile-info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .profile-page .placeholder .addresses {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .profile-page .placeholder .addresses .billing-info {
    flex-wrap: wrap;
  }
  .profile-page .placeholder .addresses .billing-info .information {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .profile-page .placeholder .addresses .billing-info .need-change {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 25px;
  }
  .profile-page .placeholder .addresses .billing-info .need-change > div {
    min-height: 105px;
    height: inherit;
  }
}
@media (max-width: 599px) {
  .profile-page .placeholder .profile-info .user-information {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 5px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .name {
    flex: 0 0 100%;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder {
    margin-bottom: 5px;
    position: relative;
    max-width: 300px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-textbox .form-control {
    width: 100%;
    max-width: 280px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .bl-forminput {
    display: block;
    margin-bottom: 0;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group {
    display: block;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-dropdown {
    display: block;
    min-width: 105px;
    width: 105px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-dropdown .btn-group {
    width: 90px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper {
    padding-left: 90px;
    min-width: 1px;
    width: 100%;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper .col-xs-12 {
    padding-left: 15px;
    padding-right: 0;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .prefix-input-wrapper .col-xs-12 {
    padding-right: 15px;
  }
  .profile-page .placeholder .profile-info .user-information .value {
    flex: 0 0 120px;
    margin-right: 20px;
    text-decoration: none;
  }
  .profile-page .placeholder .profile-info .user-information .change, .profile-page .placeholder .profile-info .user-information .phone-change {
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
  }
  .profile-page .placeholder .profile-info .user-information .change:hover, .profile-page .placeholder .profile-info .user-information .phone-change:hover {
    color: #e61930;
  }
  .profile-page .placeholder .profile-info .user-information .new-value.phone {
    display: none;
    outline: none;
  }
  .profile-page .placeholder .profile-info .user-information input.new-value {
    display: none;
    border-radius: 4px;
    border: 1px solid #91959f;
    padding: 2px 5px;
    outline: none;
  }
  .profile-page .placeholder .profile-info .user-information .save, .profile-page .placeholder .profile-info .user-information .phone-save {
    display: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    margin: 0 5px;
  }
  .profile-page .placeholder .profile-info .user-information .save::before, .profile-page .placeholder .profile-info .user-information .phone-save::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 10px;
    background-color: #039300;
    left: 6px;
    bottom: 4px;
    transform: rotate(-45deg);
  }
  .profile-page .placeholder .profile-info .user-information .save::after, .profile-page .placeholder .profile-info .user-information .phone-save::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 4px;
    background-color: #039300;
    left: 7px;
    bottom: 10px;
    transform: rotate(-45deg);
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder {
    margin-bottom: 5px;
    position: relative;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-textbox .form-control {
    width: 100%;
    max-width: 280px;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .dropdown-toggle,
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .form-control {
    height: 36px;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .dropdown-toggle .caret,
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .form-control .caret {
    top: 15px;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .bl-forminput {
    display: block;
    margin-bottom: 0;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group {
    display: block;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-dropdown {
    display: block;
    min-width: 105px;
    width: 105px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-dropdown .btn-group {
    width: 90px;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper {
    padding-left: 90px;
    min-width: 390px;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper .col-xs-12 {
    padding-right: 0;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .prefix-input-wrapper .col-xs-12 {
    padding-right: 15px;
  }
  .profile-page .placeholder .profile-info .user-information .dismiss, .profile-page .placeholder .profile-info .user-information .phone-dismiss {
    display: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: relative;
    margin: 0 5px;
  }
  .profile-page .placeholder .profile-info .user-information .dismiss:before, .profile-page .placeholder .profile-info .user-information .dismiss:after, .profile-page .placeholder .profile-info .user-information .phone-dismiss:before, .profile-page .placeholder .profile-info .user-information .phone-dismiss:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 20px;
    left: 10px;
    top: 3px;
    background-color: #e61930;
  }
  .profile-page .placeholder .profile-info .user-information .dismiss:before, .profile-page .placeholder .profile-info .user-information .phone-dismiss:before {
    transform: rotate(45deg);
  }
  .profile-page .placeholder .profile-info .user-information .dismiss:after, .profile-page .placeholder .profile-info .user-information .phone-dismiss:after {
    transform: rotate(-45deg);
  }
  .profile-page .placeholder .profile-info .user-information .validation {
    max-width: 385px;
  }
  .profile-page .placeholder .profile-info .user-information .validation .text-danger {
    word-break: break-all;
  }
  .profile-page .placeholder .profile-info .user-information .phone-save,
  .profile-page .placeholder .profile-info .user-information .phone-dismiss {
    margin-top: 5px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .value, .profile-page .placeholder .profile-info .user-information.editing .change, .profile-page .placeholder .profile-info .user-information.editing .phone-change {
    display: none;
  }
  .profile-page .placeholder .profile-info .user-information.editing .new-value, .profile-page .placeholder .profile-info .user-information.editing .save, .profile-page .placeholder .profile-info .user-information.editing .phone-save, .profile-page .placeholder .profile-info .user-information.editing .dismiss, .profile-page .placeholder .profile-info .user-information.editing .phone-dismiss {
    display: block;
  }
  .profile-page .placeholder .profile-info .company-information-placeholder p {
    margin-bottom: 5px;
  }
  .profile-page .placeholder .profile-info .company-information-placeholder .company-information {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5px;
  }
  .profile-page .placeholder .profile-info .company-information-placeholder .company-information .name {
    flex: 0 0 70px;
  }
  .profile-page .placeholder .profile-info .company-information-placeholder .company-information .value {
    flex: 0 0 auto;
    margin-right: 30px;
  }
}
@media (max-width: 399px) {
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder {
    max-width: 201px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-textbox .form-control {
    width: 100%;
    max-width: 280px;
    width: 100px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-dropdown {
    min-width: 100px;
    width: 100px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-dropdown .btn-group {
    width: 90px;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper {
    padding-left: 90px;
    min-width: 1px;
    width: 100%;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .bl-textbox.phone-input-wrapper .col-xs-12 {
    padding-left: 10px;
    padding-right: 0;
  }
  .profile-page .placeholder .profile-info .user-information.editing .registration-form__input-placeholder .input-dropdown-group .prefix-input-wrapper .col-xs-12 {
    padding-right: 10px;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder {
    margin-bottom: 5px;
    position: relative;
  }
  .profile-page .placeholder .profile-info .user-information .registration-form__input-placeholder .input-dropdown-group .bl-textbox .form-control {
    width: 100%;
    max-width: 280px;
  }
  .profile-page .placeholder .profile-info .user-information .validation {
    max-width: 385px;
  }
  .profile-page .placeholder .profile-info .user-information .validation .text-danger {
    word-break: break-all;
  }
  .profile-page .placeholder .profile-info .user-information .phone-save,
  .profile-page .placeholder .profile-info .user-information .phone-dismiss {
    margin-top: 5px;
  }
}