.layout-account .content {
  margin: 40px 0px;
  display: flex;
  gap: 30px;
}
.layout-account .content .leftContent {
  width: 30%;
  position: relative;
}
.layout-account .content .leftContent .leftContentChild {
  position: sticky;
  top: 71px;
  left: 0px;
  width: 100%;
  border: 1px solid #eae4e8;
  background: #fff;
  border-radius: 4px;
}
.layout-account .content .leftContent .leftContentChild .AccountTitle {
  font-size: 28px;
  padding: 10px;
  border-bottom: 1px solid #eae4e8;
}
.layout-account .content .leftContent .leftContentChild .AccountContent .AccountList .list-unstyled li a {
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 5px;
  font-weight: 500;
}
.layout-account .content .rightContent {
  width: 70%;
  display: grid;
  gap: 30px;
}
.layout-account .content .rightContent .right1 {
  padding: 10px 20px;
  border: 1px solid #eae4e8;
  background: #fff;
  border-radius: 4px;
}
.layout-account .content .rightContent .right1 .headerRight .AccountTitle {
  font-size: 28px;
  padding: 0px 0px 10px;
  border-bottom: 1px solid #eae4e8;
}
.layout-account .content .rightContent .right1 .userInfo {
  margin-top: 20px;
  display: grid;
  gap: 10px;
}
.layout-account .content .rightContent .right1 .userInfo .itemInfo {
  display: flex;
}
.layout-account .content .rightContent .right1 .userInfo .itemInfo .leftItem {
  width: 180px;
  font-weight: 600;
  display: grid;
  align-items: center;
}
.layout-account .content .rightContent .right1 .userInfo .itemInfo .rightItem {
  font-weight: 500;
  width: calc(100% - 180px);
  display: grid;
  align-items: center;
}
.layout-account .content .rightContent .right2 {
  padding: 10px 20px;
  border: 1px solid #eae4e8;
  background: #fff;
  border-radius: 4px;
}
.layout-account .content .rightContent .right2 .headerRight .AccountTitle {
  font-size: 28px;
  padding: 0px 0px 0px;
}
.layout-account .content .rightContent .right3 {
  padding: 10px 20px;
  border: 1px solid #eae4e8;
  background: #fff;
  border-radius: 4px;
}
.layout-account .content .rightContent .right3 .headerRight .AccountTitle {
  font-size: 28px;
  padding: 0px 0px 10px;
  border-bottom: 1px solid #eae4e8;
  position: relative;
}
.layout-account .content .rightContent .right3 .headerRight .AccountTitle .btnAddAddress {
  position: absolute;
  top: 0px;
  right: 0px;
  border: unset;
  font-weight: 500;
}
.layout-account .content .rightContent .right3 .headerRight .AccountTitle .btnAddAddress:focus {
  outline: unset;
  box-shadow: unset;
}
.layout-account .content .rightContent .right3 .contentAddress .item {
  display: flex;
  border-bottom: 1px solid #eae4e8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.layout-account .content .rightContent .right3 .contentAddress .item:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px;
}
.layout-account .content .rightContent .right3 .contentAddress .item .defaultTrue {
  padding: 5px 0px;
}
.layout-account .content .rightContent .right3 .contentAddress .item .defaultTrue span {
  padding: 5px 10px;
  font-weight: 500;
}
.layout-account .content .rightContent .right3 .contentAddress .item .leftItem {
  display: grid;
  gap: 5px;
  width: calc(100% - 160px);
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem {
  width: 160px;
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem .textRight1 {
  margin-bottom: 5px;
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem .textRight1 a {
  color: #08f;
  font-weight: 500;
  font-size: 16px;
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem .textRight1 .btnUpdateAdress {
  padding: 0px;
  background: unset;
  border: unset;
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem .textRight1 .btnUpdateAdress:focus {
  box-shadow: unset;
  outline: unset;
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem .textRight1 .deleteAddress {
  margin-left: 25px;
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem .textRight2 {
  padding: 5px 0px;
}
.layout-account .content .rightContent .right3 .contentAddress .item .rightItem .textRight2 a {
  padding: 5px 10px;
  border: 1px solid #eae4e8;
}

.modal .modal-dialog .modal-content .modal-body {
  display: grid;
  gap: 25px;
}
.modal .modal-dialog .modal-content .modal-body .large_form {
  position: relative;
}
.modal .modal-dialog .modal-content .modal-body .large_form .error {
  position: absolute;
  top: 56px;
  left: 0px;
  color: red;
  font-size: 12px;
  font-weight: 600;
}
.modal .modal-dialog .modal-content .modal-body .large_form .text {
  height: 55px;
  width: 100%;
  padding: 0px 20px;
  color: #5c5c5c;
  font-weight: 500;
  border: 1px solid transparent;
  background: #ededed;
  outline: none;
  appearance: none;
  font-style: italic;
}
.modal .modal-dialog .modal-content .modal-body .large_form input {
  margin-bottom: 0px;
}
.modal .modal-dialog .modal-content .modal-body .large_form select {
  width: 100%;
  height: 55px;
  padding: 5px 20px;
  color: #5c5c5c;
  font-weight: 500;
  border: 1px solid #ededed;
  background: #ededed;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-style: italic;
  margin-bottom: 0px;
}
.modal .modal-dialog .modal-content .modal-body .large_form .select2-container {
  width: 100% !important;
}
.modal .modal-dialog .modal-content .modal-body .large_form .select2-container--default .select2-selection--single {
  width: 100%;
  height: 55px;
  padding: 5px 20px;
  border-radius: 0px;
  background: #ededed;
  border: 1px solid transparent;
  color: #5c5c5c;
  display: grid;
  align-items: center;
}
.modal .modal-dialog .modal-content .modal-body .large_form .select2-container--default .select2-selection--single .select2-selection__rendered {
  width: 100%;
  border-radius: 0px;
  background: #ededed;
  border: 1px solid transparent;
  color: #5c5c5c;
  padding-left: 0px;
}
.modal .modal-dialog .modal-content .modal-body .large_form .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
}
.modal .modal-dialog .modal-content .modal-body .large_form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
}
.modal .modal-dialog .modal-content .modal-footer .btnadd:focus {
  box-shadow: unset;
}

p {
  margin-bottom: 0px;
}

.customer_order_mobile {
  display: none;
}

@media screen and (max-width: 992px) {
  .layout-account .content {
    display: grid;
  }
  .layout-account .content .leftContent {
    width: 100%;
  }
  .layout-account .content .leftContent .leftContentChild {
    top: 0px;
    position: relative;
  }
  .layout-account .content .rightContent {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .customer_order_pc {
    display: none;
  }
  .customer_order_mobile {
    display: block;
  }
  .layout-account .content .rightContent .right3 .headerRight .AccountTitle .btnAddAddress {
    margin-top: 10px;
    position: relative;
  }
  .layout-account .content .rightContent .right3 .contentAddress .item {
    display: grid;
    gap: 10px;
  }
  .layout-account .content .rightContent .right3 .contentAddress .item .leftItem {
    width: 100%;
  }
  .layout-account .content .rightContent .right3 .contentAddress .item .rightItem {
    width: 100%;
  }
}

/*# sourceMappingURL=profile.css.map */