.wrap-user {width: 100%;max-width: 657px;margin: 2rem auto;/* border-radius: 5px; */box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 30%);}
/*.form-user {padding: 20px 15px;}*/
.input-user {margin-bottom: 0.75rem;}
.input-user span {width: 45px;display: flex;align-items: center;justify-content: center;}
.input-user input {font-size: 15px !important;}
.input-user input[type='text']{height:40px;} 
.button-user {background: var(--color-main);border: 2px solid var(--color-main);color: #fff !important;outline: none;margin: auto;font-size: 14px;text-transform: uppercase;transition: all 0.5s;margin: 10px 0px;}
.button-user input {font-size: 14px;}
.checkbox-user,
.radio-user {cursor: pointer;}
.checkbox-user input {top: calc(50% - 1.25rem / 2);height: auto;}
.checkbox-user label {font-size: 14px;cursor: pointer;}
.checkbox-user label::before,
.checkbox-user label::after {top: calc(50% - 1rem / 2);}
.radio-user {margin-right: 1rem;}
.radio-user:last-child {margin-right: 0px;}
.radio-user label::before,
.radio-user label::after {top: calc(50% - 1rem / 2);}
.note-user {font-size: 14px;border-top: 1px solid #ddd;padding-top: 0.5rem;}
.left-acc {background: rgba(200, 200, 200, 0.2);padding: 20px 15px;height: 100%;}
h2.title-acc i {margin-right: 7px;}
h2.title-acc {display: flex;align-items: center;font-size: 20px;color: var(--color-main);font-weight: 600;margin-bottom: 15px;}
.right-acc{padding:20px 15px}
.wrap-login .right-acc{padding:50px 15px}

.left_member {width: 280px;float: left;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);background: #fff;border-radius: 0 0 .25rem .25rem;/* max-height: 255px; */}
/* Ẩn phần tử trên các thiết bị có chiều rộng màn hình nhỏ hơn hoặc bằng 768px (thường là mobile) */
@media (max-width: 768px) {
    .left_member {
        display: none;
    }
}
.left_member #photoUpload-preview {width: 150px;height: 150px;border-radius: 50%;margin: auto;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.right_member {width: calc(100% - 300px);float: right;overflow: hidden;background: #fff;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);margin-bottom: 10px;}
.right_member .box_member {background: #fff;padding: 20px;}
.left_member .img_member {background: #fff;text-align: center;padding: 10px 15px;display: flex;align-items: center;border-bottom: 1px solid #ccc;}
.left_member .img_member span {width: 34px;height: 34px;border: 2px solid #000;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-weight: bold;font-size: 14px;color: #000;margin-right: 10px;}
.left_member .img_member b {font-weight: bold;font-size: 16px;color: #000;}
.right_member .form-group-zone {visibility: hidden;height: 0;}
.list-group li a {color: #333;}
.list-group li a i {font-size: 17px;width: 15px;text-align: center;margin-right: 5px;position: relative;top: 1px;}
.list-group li span,
.text-color-red {color: red;}

label.control-label {margin-bottom: 10px;display: block;}
.left_member .box_member{}
.left_member .box_member ul{
    padding: 0px;
    border: none;
    margin: 0px;
    padding: 5px 0px;
}
.left_member .box_member ul li{
    border: none;
}
.left_member .box_member ul li a{color:#000;}
.left_member .box_member ul li a.active{color:var(--color-main);font-weight:bold;}
.title_info {border-bottom: 1px solid #d2d2d2;padding: 10px 20px;background: #fff;}
.title_info h2 {font-weight: bold;color: #000000;font-size: 15px;text-transform: uppercase;margin: 0px;}
.title_info h2 span {text-transform: none;color: red}
.right_member .box_member{
    background: #fff;
    padding: 20px;
}
.item-input-user{
    display: flex;
}
.item-input-user label{
    width: 120px;
}
.item-input-user > div{}


.table_order {width: 100%;border-collapse: collapse;background: #fff;}
.table_order thead tr td {font-weight: bold;font-size: 13px;}
.table_order tr td {border: 1px solid #ccc;padding: 10px;text-align: center;word-break: break-word;}
.table_order tr td i {font-size: 20px;color: #3e3e3e;}
@media only screen and (max-width: 1025px) {
    .box-user{/* position: relative; */}
    .top__bar{z-index: 9999;position: relative;}
    .user-head ul{
    list-style: none;
    padding: 0px;
    min-width: 240px !important;
    left: 0;
    right: 0;
}
}
@media only screen and (max-width: 767px) {

    .left_member{width: 100%;float:none;margin-bottom: 1rem;}
    .right_member{width: 100%;float:none;}
    .item-input-user label{
        width: 100%;
    }
    .item-input-user{flex-wrap:wrap}
    .table_order{white-space: nowrap;}
}


.review-fileuploader {
  padding: 20px 15px;
  text-align: center;
  background-color: #ffffff;
  cursor: pointer;
  border: 2px dashed #c2cdda;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
}

.review-fileuploader .review-fileuploader-text {
  color: #90a0bc;
}

.review-file-uploader .fileuploader {
  padding: 0px;
  margin: 0px;
  background: transparent;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list {
  margin: 1rem -5px 0 -5px;
}

.review-file-uploader .fileuploader-items .fileuploader-items-list:after {
  display: block;
  content: "";
  clear: both;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item {
  padding: 0px;
  width: calc(100% / 7 - 10px);
  float: left;
  margin: 0 5px 5px 5px;
  border-bottom: 0px;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item
  .columns {
  display: block;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item
  .column-thumbnail {
  width: auto;
  height: auto;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item
  .column-thumbnail
  .fileuploader-item-image {
  height: auto;
  padding: 50% 0;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item
  .column-thumbnail
  .fileuploader-item-image
  img {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: none;
  transform: none;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item
  .column-title {
  padding: 0px;
  margin-top: 0.5rem;
  text-align: center;
  display: none;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item
  .column-actions {
  margin: 0px;
  position: absolute;
  top: 0px;
  right: -5px;
}

.review-file-uploader
  .fileuploader-items
  .fileuploader-items-list
  .fileuploader-item
  .column-infos
  input {
  border: 1px solid #dddddd;
  border-radius: 0.25rem;
}

.title-post{
    color: var(--color-main);
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ebebeb;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-top: 0.5rem;
}

.form-post .input-group>.custom-select:not(:last-child),.form-post .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-post .input-group-text{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-post .input-group-append {
    margin-left: -1px;
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:focus,a.badge-primary:hover {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary.focus,a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:focus,a.badge-secondary:hover {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary.focus,a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:focus,a.badge-success:hover {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success.focus,a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.badge-warning {
    color: #1f2d3d;
    background-color: #ffc107
}

a.badge-warning:focus,a.badge-warning:hover {
    color: #1f2d3d;
    background-color: #d39e00
}

a.badge-warning.focus,a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.badge-light {
    color: #1f2d3d;
    background-color: #f8f9fa
}

a.badge-light:focus,a.badge-light:hover {
    color: #1f2d3d;
    background-color: #dae0e5
}

a.badge-light.focus,a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:focus,a.badge-dark:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark.focus,a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}
.badge-pink {
    color: #fff;
    background-color: #343a40
}

a.badge-pink:focus,a.badge-pink:hover {
    color: #fff;
    background-color: #1d2124
}

a.badge-pink.focus,a.badge-pink:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}
.badge-pink {
    color: #fff;
    background-color: #f672a7
}

a.badge-pink:focus,a.badge-pink:hover {
    color: #fff;
    background-color: #f34289
}

a.badge-pink.focus,a.badge-pink:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(246,114,167,.5)
}

.badge-purple {
    color: #fff;
    background-color: #6559cc
}

a.badge-purple:focus,a.badge-purple:hover {
    color: #fff;
    background-color: #4639b9
}

a.badge-purple.focus,a.badge-purple:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(101,89,204,.5)
}
.img-preview{max-width: 50px !important;}
.btn-dev{}
.form-control-ckeditor {
    width: 100% !important;
    min-height: 300px !important; /* Đảm bảo có chiều cao hợp lý */
}

.cke_inner {
    width: 100% !important;
}
.user-head{}
.user-head ul{
    position: absolute;
    top: 100%;
    /* right: 0; */
    /* width: 300px; */
    background: #fff;
    display: none;
    border-radius: 7px;
    box-shadow: 0px 0px 3px 0px #2f2f2f;
    min-width: 200px;
}
.user-head ul li{}
.user-head ul li a{
    padding: 10px;
    color: #000;
    display: flex;
    margin-right: 0px;
    padding: 5px 10px;
    text-transform: none;
}
/*.box-user:hover ul{display:block}*/
.user-head ul li a i{color:#000;width: 15px;}
.user-head ul li a:hover,.user-head ul li a:hover i{color:var(--color-main)}