.user-header {float: right;}
.user-header a {color: #000;font-size: 14px;font-weight: 300;margin-right: 5px;font-weight: bold;}
.user-header a:hover {color: Red}
.user-header a i {
    position: relative;
    top: 2px;
    font-size: 18px;
}
.form-account .input-group-prepend span{width: 45px;display: flex;align-items: center;justify-content: center;}
.form-account input[type="text"]{font-size:15px;}
#frmdangky .input-group-prepend input, #frmdangnhap .input-group-prepend input{}
.row.form {margin: 0px;}
label {margin-bottom: 0px;}
#register {width: 100%;max-width: 640px;margin: auto;background: #fff;margin-top: 10px;box-shadow: 0 0.2rem 0.5rem rgb(69 77 93 / 30%);}

.title_account {text-align: center;position: relative;margin-bottom: 25px;padding-bottom: 10px;}
.title_account h2 {color: #333333;font-size: 30px;text-transform: uppercase;font-weight: normal;}
.title_account:after {content: '';width: 100px;height: 3px;background: #009952;border-radius: 5px;position: absolute;left: 0;bottom: 0;right: 0;margin: auto;}
.row-acc {margin: 0 -15px;}
h2.title-acc {display: flex;align-items: center;font-size: 20px;color: var(--color-main);font-weight: 600;margin-bottom: 15px;}
.content-acc {/* font-size: 15px; */}

.form-checkbox {position: relative;display: flex;align-items: center;}
.form-checkbox input {position: absolute;top: 0;left: 0;opacity: 0;width: 15px;}
.form-checkbox .form-icon {border: .05rem solid #caced7;cursor: pointer;display: inline-block;position: absolute;transition: all .2s ease;height: 15px;width: 15px;}
.form-checkbox a {padding-left: 20px;font-size: 15px;olor: #119f0c}
.form-checkbox a:hover {text-decoration: underline;}
.form-checkbox input:checked+.form-icon {background: #119f0c;border-color: #119f0c;}
.form-checkbox input:checked+.form-icon::before {background-clip: padding-box;border: .1rem solid #fff;border-left-width: 0;border-top-width: 0;content: "";height: 12px;left: 50%;margin-left: -4px;margin-top: -8px;position: absolute;top: 49%;transform: rotate(45deg);width: 8px;}
h2.title-acc i {margin-right: 7px;}
.left-acc {background: rgba(200, 200, 200, 0.2);padding: 20px 15px;}
.right-acc {padding: 20px 15px;}
#login .right-acc {padding: 50px 15px;}
.btn-orange {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;max-width: 190px;}
#login .btn-orange,
#register .btn-orange {max-width: 100%;}
.btn-orange:hover {background: #fff !important;color: #f89a50 !important;}
.btn_login button {width: calc(50% - 5px);}
.btn_login button:nth-child(1) {background: #000;color: #fff !important;}
a.txt_color {color: var(--color-main);cursor: pointer;font-weight: bold;font-size: 16px;margin-left: 20px;}
.row-places {margin: 0 -15px;}
.row-places .col-4 {padding: 0 5px;position: relative;}

.left_member .list-group-item a {display: flex;align-items: center}
.left_member .list-group-item a i {font-size: 17px;margin-right: 10px;width: 15px;}
.left_member .list-group-item a.active,
.left_member .list-group-item a:hover {font-weight: bold;}
.left_member .list-group-item {border: 0;padding: 7px 15px;}
.left_member .box_member {padding-top: 10px;}

/* Tooltip */
.tooltip.in {filter: alpha(opacity=90);opacity: .7;}
.tooltip.top .tooltip-arrow {left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #119f0c;bottom: 0;}
.tooltip.top {padding: 5px 0;margin-top: -3px;}
.open .dropdown-menu {display: block;top: calc(100% + 15px);}
.tooltip-inner {background-color: #119f0c;font-size: 12px;}

.container_main {margin: 30px auto;max-width: 1200px;padding: 0px 10px;}
#login {width: 100%;max-width: 675px;margin: auto;background: #fff;box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 30%);/* margin: 30px auto; */}
.remember {display: flex;align-items: center;font-size: 14px;}
.remember input {margin-right: 5px;}
.forgotpass a {color: #000;text-align: right;display: block;font-size: 14px;}

/*------------Member-------------*/
.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; */}
.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);}
.right_member .box_member {background: #fff;padding: 20px;}
.left_member .img_member {background: #fff;text-align: center;padding: 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: 20px;}
.list-group li span,
.text-color-red {color: red;}

label.control-label {margin-bottom: 10px;display: block;}

.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;}
.title_info h2 span {text-transform: none;color: red}

.li_account {list-style: none;}
.li_account .btn-secondary {padding: 0;background: none !important;outline: none !important;border: 0 !important;box-shadow: none !important;color: #009952;}
.ckeditor .tooltip {top: 0 !important;left: 100px !important;}
.ckeditor .tooltip.top .tooltip-arrow {left: 50% !important;}
.w100 {width: 100%;}
.form-member .form-group {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.form-member label {display: block;width: 120px;}
.form-member label.w50 {width: 50px;}
.form-member .input-group {width: calc(100% - 120px);}

.table_danhsach {width: 100%;border-collapse: collapse;background: #fff;}
.table_danhsach thead tr td {font-weight: bold;font-size: 13px;}
.table_danhsach tr td {border: 1px solid #ccc;padding: 10px;text-align: center;word-break: break-word;}
.table_danhsach tr td i {font-size: 20px;color: #3e3e3e;}
/* end */
.margin-bottom-20 {margin-bottom: 20px;}
.flex {display: flex;align-items: center;}
.social_member img {margin-left: 5px;}
.max-700 {max-width: 700px;margin: auto;}
.flex-member {display: flex;flex-wrap: wrap;justify-content: space-between;}
.text-success {word-break: break-word;}
a.a_name {color: #119f0c;font-size: 14px;font-weight: bold;}

@media (max-width: 767px) {
  .left_member{width: 100%;}
  .right_member{width: 100%;}
  .form-member label{width: 100%;}
  .form-member .input-group{width: 100%;}
  .table_danhsach tr td{min-width: 100px;}
  #login,#register{padding: 10px;}
  .content-acc{display: none;}
  #login .right-acc,.right-acc{padding: 0;}
  h2.title-acc{margin-bottom: 0;}
}