/* Iamges */
.img-upload{max-width:300px;}
.img-preview{max-width:70px;max-height:55px;}
/* Photo upload zone */
.photoUpload-zone .photoUpload-detail{text-align:center;display:block;margin-bottom:1.5rem;}
.photoUpload-zone .photoUpload-detail img{max-width:200px;height:200px;}
.photoUpload-zone .photoUpload-file{cursor:pointer;background-color:#F5F5F5;outline:2px dashed #CDCDCD;outline-offset:0px;padding:2rem 0.75rem;margin-bottom:1rem;border-radius:0.25rem;font-weight:normal!important;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-transition:outline-offset .15s ease-in-out,background-color .15s linear;transition:outline-offset .15s ease-in-out,background-color .15s linear;}
.photoUpload-zone .photoUpload-file.drag-over{outline-offset:-10px;background-color:#fff9f9;}
.photoUpload-zone .photoUpload-file input{display:none;}
.photoUpload-zone .photoUpload-file i:hover{opacity:0.9;}
.photoUpload-zone .photoUpload-file i{color:#6C7D8F;font-size:55px;margin-bottom:0.75rem;}
.photoUpload-zone .photoUpload-file p{margin:0;color:#767978;font-size:16px;}
.photoUpload-zone .photoUpload-file .photoUpload-drop{margin-bottom:0.5rem;}
.photoUpload-zone .photoUpload-file .photoUpload-or{font-size:14px;margin-bottom:0.75rem;}
.photoUpload-zone .photoUpload-file .photoUpload-choose{color:#fff;}
.photoUpload-zone .photoUpload-dimension{font-weight:700;}
.bg-gradient-success{background:#28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x!important}
/* THongtin */
.title-menu-hoso h2{font-size: 35px;font-family: 'TR';margin-bottom:20px;text-transform: capitalize;color: var(--background-hover);}
.bk_yellow{background:#f7c827;}
.bk_thongtin{background-size:100% 100%;margin:auto;}
/* menu */
.menu_hoso{display:inline-block;}
ul.menu_main_hoso{list-style:none;padding:0px;text-align: center;}
ul.menu_main_hoso li a{color: var(--background-hover);font-family: 'TR';font-size: 20px;}
ul.menu_main_hoso li a{margin-bottom:10px;padding:5px 25px 5px 15px;border-radius:5px;display: block;}
ul.menu_main_hoso li a:hover,ul.menu_main_hoso li a.active{background:#f7c827;color:#fff;}
ul.menu_main_hoso li a:hover span.icon_menu_hoso,ul.menu_main_hoso li a.active span.icon_menu_hoso{filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);}
span.icon_menu_hoso{width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:12px;background:url(../images/main/vien-icon-user.png) no-repeat;margin-right:20px;}
/* box ho so */
.box_hoso{display:flex;justify-content:space-between;}
.hinh_hoso{border:1px dashed;padding:5px;}
.hinh_hoso{}
input#file{display:none;}
form.frm-avatr{display:inline-block;padding:3px;border-radius:2px;}
.text_hoso{width:calc(100% - 160px);display:flex;flex-direction:column;/* justify-content:space-between;*/
}
.name_hoso{font-family:FOR;font-size:18px;}
.name_hoso p{font-size:25px;color:#f7c827;}
.ngaysinh_hoso{font-size:14px;display:flex;}
.ngaysinh_hoso p{margin-right:5px;}
.name_hoso2{font-size:18px;font-family:FB;text-transform:uppercase;}
.phone_hoso{font-size:20px;font-family:FB;color:#f7c827;}
.box_chinhsua_hoso{height: 565px;overflow-y:scroll;padding-right:10px;}
.box_chinhsua_hoso::-webkit-scrollbar{width:5px;background-color:#d3d3d3;}
.box_chinhsua_hoso::-webkit-scrollbar-thumb{background-color:#f7c827;}
.btn-primary:hover{color:#fff;background-color:#ffc500;border-color:#ffc500;}
.btn-primary{color:#fff;background-color:#ffc500;border-color:#ffc500;}
.button-user1 input{background: #ffc500;border-color: #ffc500;}
.box_muiten_upload{text-align:center;width:155px;margin-bottom:8px;font-family:FB;}
.box_muiten_upload p{margin-bottom:0px;}
.xemthem_chitiet a{color:#000;}
.xemthem_chitiet a:hover{color:#f7c827;}
.form-control:disabled, .form-control[readonly] {
    background: #5a5a5a;
}
/* Lịch sử */
.text_product_lichsu {
    width: calc(100% - 165px);
}
.hinh_product_lichsu {
    width: 150px;
}
h3.name_product_main a {
    font-family: 'TR';
    color: var(--background-hover);
    font-size: 16px;
}
.product_deal_hot {
    color: #fff;
}
.box_product_lichsu .scroll_lh {
    width: 25%;
}
.box_product_lichsu {
    background: rgb(255 255 255 / 30%);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}