@charset "utf-8";
* { margin: 0px auto; padding: 0px ; outline: none; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {font-family: Arial,Helvetica,sans-serif; color: #3f3f3f; font-size: 13px; font-stretch: normal; font-variant: normal; font-style: normal; margin: 0; padding: 0; height: 100%; background: #eee }
.dv-header { background: #4b6580; position: relative; z-index: 1; height: 44px}
.dv-conten { width: 100%; margin: 0 auto; max-width: 1170px; }
.dv-header ~ .dv-conten { padding-bottom: 50px;}
.menu li { display: inline-block; float: left; }
.menu li:first-child a{    border-left: none;}
.menu li a{ display: inline-block; padding: 7px 10px; font-size: 13px; color: #fff; line-height: 30px;   border-left: 1px solid rgba(255,255,255,.2);   border-right: 1px solid rgba(0,0,0,.1);}
.menu li a.acti, .menu li:hover > a{background: #41556e}
.menu li a i{font-size: 14px; margin-right: 7px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); color: #fff;}
ul.menu { display: inline-block; }
ul.menu li:hover > ul {display: block}
ul.menu ul { position: absolute; background: #41556e; width: 180px; display: none}
ul.menu ul li { width: 100%; border-top: 1px solid #4b6580; }
ul.menu ul li a { border: none; display: block; padding: 5px 10px; line-height: 28px; font-size: 13px; }
ul.menu ul li a:hover { background: #4b6580;}
.dv-header-right { display: inline-block; float: right; }
.dv-header-right .fa { margin-right: 5px; }
.dv-header-right a { display: inline-block; color: #fff !important;  padding: 14px 10px; float: left;}
.dv-header-right a.a_1 { background: #00588b; }
.dv-header-right a.a_2 { background: #0076b9; }
.dv-header-right a.a_1 b { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 120px; display: inline-block; float: left; }
.dv-header-right a.a_1 i.fa.fa-user, .dv-header-right a.a_1 span { float: left; margin-right: 5px; }
.dv-ndgr { width: 100%; padding: 12px; margin: 15px 0 0; background: #fff; }
.dv-tits h3 { font-size: 23px; margin: 0; padding: 0; float: left; line-height: 34px; font-weight: 700; color: #333; }
.tits-right { display: inline-block; float: right; }
.clr { clear: both; height: 0; }
.dv-tits { padding: 15px 0; }
.tits-right a { padding: 0 18px; line-height: 34px; height: 34px; vertical-align: top; min-width: 90px; color: #fff; background: #4bac4d; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #4bac4d; }
.tits-right a:hover { background: #349336; color: #fff; }
.tits-right i { margin-right: 4px; }
table { width: 100%; margin: 0; max-width: none; border-collapse: separate; border-spacing: 0; empty-cells: show; border-width: 0; outline: 0; font-size: 13px; line-height: 20px; }
td { border-color: #e9e9e9; border-width: 0 0 1px; padding: 8px 10px; color: #121212; overflow: visible; vertical-align: top; border-top: 1px solid #e9e9e9; }
tr { background: #f9f9f9; }
tr:hover { background: #e6f5d6!important; }
th { background: #dcf4fc; padding: 10px; text-align: left; color: #000; border-top: 1px solid #c3e7f3; }
.dv-ndtb.dv-input { background: #fff; padding: 15px 10px; margin-bottom: 20px; }
.dv-ndtb.dv-input .dv-gr { width: calc(100% - 20px); float: left; margin: 0 10px 15px; }
.dv-ndtb.dv-input .dv-gr p { font-size: 12px; margin-bottom: 6px; }
.dv-ndtb.dv-input .dv-gr select,
.dv-ndtb.dv-input .dv-gr input { width: 100%; height: 30px; padding: 0 7px; border: 1px solid #ccc; border-radius: 3px; }
.cur {cursor: pointer;}
.dv-ndtb.dv-input .dv-gr button { margin: 2px 10px 0; cursor: pointer; background: #0076b9; border: none; padding: 10px 20px; color: #fff; border-radius: 5px; float: left; }
.dv-ndtb.dv-input .dv-gr button:hover {background: #4b6580}
.dv-grdv-hienthi { width: 100%; float: left; padding: 0 10px 10px; }
p.p_reee { width: 100%; margin-top: 10px; padding: 0 10px; font-size: 12px; color: red; }
.dv-grdv-hienthi input[type="checkbox"] { position: relative;top: -2px}
.nums.no_box { margin: 10px 0; background: #fff; }
.nums.no_box ul li { display: inline-block; float: left; }
.nums.no_box ul { list-style: none; }
.nums.no_box ul li a { height: 28px; float: left; border: 1px solid #d9d9d98c; width: 25px; margin: 7px 0px 7px 7px; display: block; text-align: center; border-radius: 3px; background: rgba(238, 238, 238, 0.61); color: #000; font-size: 13px; line-height: 26px; }
.nums.no_box ul li a i { padding: 6px 0; }
.nums.no_box ul li a:hover, .nums.no_box ul li a.active { background: #4b6580; border-color: #4b6580; color: #fff; }
input[type="checkbox"] { width: 18px; height: 18px; margin-right: 7px; float: left; cursor: pointer;}
input[type="checkbox"]:before { content: ""; position: absolute; height: 16px; width: 16px; background-color: #f9f9f9; border: 1px #ccc solid; }
input[type="checkbox"]:checked:after { content: ""; height: 10px; width: 4px; border: solid #3c8dbc; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; margin: 1px 0 0 6px; }
.tits-right button { padding: 0 18px; line-height: 34px; height: 34px; vertical-align: top; min-width: 90px; color: #fff; background: #607d8b; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #607d8b; cursor: pointer; }
.tits-right button:hover{ background: #4b6580; border-color: #4b6580 }
.text-center { text-align: center; }
.text-center > * { float: none !important; }
.text-center label { display: inline-block; }
.tits-right a.cls_thoat { background: #9E9E9E; border: #9E9E9E; }
.tits-right a.cls_thoat:hover { background: #787878; border: #787878; }
.w50 { width: 50px }
.w80 { width: 80px }
.w100 { width: 100px }
.w120 { width: 120px }
.w150 { width: 150px }
.w200 { width: 200px }
.w250 { width: 250px }
.db_right_pt, .db_left_pt {display: none !important}
.dv-load-xong { position: fixed; right: 15px; bottom: 15px; z-index: -1; background: rgba(0, 0, 0, 0.5490196078431373); padding: 0 16px 0 10px; font-size: 12px; color: #fff; border-radius: 100px; min-width: 120px; margin-bottom: -15px; opacity: 0; transition: all .4s; height: 26px; line-height: 24px; }
.dv-load-xong.active {  z-index: 9; margin-bottom: 10px; opacity: 1}
.dv-load-xong img { height: 20px; position: relative; top: 2px; margin-right: 3px; float: left; }
.dv-gr.dv-btn.full-div {  margin: 0;}
p.p_reee.errors_on { color: #0e887d; }
.dv-ndtb input[type="text"] { border: 1px dotted rgb(217, 217, 217); outline: none; padding: 4px 5px; background: none; width: 100%; margin-bottom: 4px; }
a.a_edit { color: #333; font-size: 13px; display: inline-block; position: relative; }
a.a_edit i { font-size: 19px; border-radius: 100px; color: #FF9800; float: right; width: 18px; height: 18px; }
span.sp-list-cap2, span.sp-list-cap3,
span.sp-list-cap1 { font-size: 9px; color: #535353; }
span.sp-list-cap2 {margin-left: 15px} 
span.sp-list-cap3 {margin-left: 30px}
a.cls_thoat { display: inline-block; margin: 2px 0 0; cursor: pointer; background: #e1e1e1; border: none; padding: 10px 20px; color: #404040; border-radius: 5px; float: left; }
.dv-ndtb.dv-input .dv-gr button i { font-size: 13px; margin-right: 2px; }
img.img_show_ds { height: 50px; width: 50px; }
p.a_nguoidang {  font-size: 11px; color: #a7a7a7; width: 100%; float: left; line-height: 15px; }

.dv-ndtb.dv-input .dv-gr input[type="file"] { border: none; padding: 0; }
img.img_edit { height: 80px; border: 1px solid #e5e5e5; max-width: 100%; }
.js-gia-nhap { color: #FF5722; font-weight: 600}
.js-giaban { color: #0a86e9; font-weight: 600}
p.p_chude_hienthi {      font-size: 11px; color: #2196F3; line-height: 18px; }
input.text-input-sp { width: 100% !important; float: right; margin: 0 0 5px !important; }

.lb_timkiem_js { margin-right: 20px; }
.lb_timkiem_js input, .lb_timkiem_js select { float: left; padding: 0 10px; height: 34px; font-size: 12px; width: 140px; border: 1px solid #d9d9d9; margin-left: 5px; }

.lb_timkiem_js button { padding: 0 10px !important; width: 41px !important; min-width: 0; background: #607d8b; float: left; margin-left: 7px}
.dv-ndtb.dv-dangnhap-cont { padding: 10px; background: #fff; }
.dv-dangnhap-cont-child { max-width: 400px; box-shadow: 5px 5px 0px 0px #eee; border: 1px solid #e1e1e1; padding: 15px; margin: 20px auto; }
.dv-dangnhap-cont-child h3 { font-size: 18px; margin-bottom: 8px; }
.dv-dangnhap-cont-child input { width: 100%; height: 30px; border: 1px solid #ccc !important; padding: 0 8px !important; margin-bottom: 10px !important; }
.dv-dangnhap-cont-child input[type="checkbox"] { width: 18px; height: 18px; }
a { color: #2196F3; }
a:hover { color: #ff1100; }
.dv-dangnhap-cont-child button { margin: 5px 0 0; cursor: pointer; background: #0076b9; border: none; padding: 9px 15px; color: #fff; border-radius: 4px; }
p.p_reee.p_reee_none { padding: 0; }
.dv-dangnhap-cont-child .row-frm { position: relative; }
span.js_sp_mabaove { position: absolute; top: 8px; right: 7px; letter-spacing: 2px; font-weight: 600; font-size: 13px; color: #6e6e6e; }
p.p_qmkhau { font-size: 13px; line-height: 19px; margin: 10px 0 7px; }
.bt-btn-qmkdn a { display: block; margin: 0 0 6px; }
.bt-btn-qmkdn a i { margin-right: 6px; }
img.js_is_loadd { height: 12px; position: relative; display: none; }
.dv-footer { background: #4b6580; margin-top: 20px; padding: 12px 0px; text-align: center; font-size: 13px; color: #fff; position: fixed; bottom: 0; width: 100%; }
.dv-footer .dv-conten { padding: 0; }
.cls_quyen_xoa a.a_edit { float: right; margin-right: 3px; }
.dv-header-right a.a_3 { height: 44px; background: #009688; font-size: 16px; padding: 12px; line-height: 44px; position: relative;}
.dv-sp-list { width: calc(20% - 16px); float: left; margin: 8px; box-shadow: 5px 5px 0px 0px #0000000a; border: 1px solid #0000001c; padding: 12px; background: #fff; }
.flex { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.dv-list-sp.flex {    margin: 10px -8px;}
.dv-sp-list img { width: 100%; height: auto; margin-bottom: 15px; }
.lm_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lm_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lm_3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lm_4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.dv-sp-list h3 { font-size: 13px; line-height: 18px; margin-bottom: 7px; display: block; }
.dv-giaprit p i { width: 20px; font-size: 13px; position: absolute; left: 0; top: 2px; }
.dv-giaprit p { font-size: 13px; font-weight: 600; line-height: 20px; position: relative; padding-left: 25px; letter-spacing: 0.5;}
.dv-giaprit p.pgianhap i {left: 3px; }
.dv-giaprit p.pgianhap { color: red;  }
.dv-giaprit p.pgiaban { color: #0ca596; }
.dv-btn-dh a { display: inline-block; font-size: 12px; background: #4bac4d; padding: 1px 12px; border-radius: 25px; color: #fff;white-space: nowrap; }
.dv-btn-dh a:hover , .dv-btn-dh a.cur.actii{  background: #607d8b;}
.dv-btn-dh a i { margin-right: 4px; font-weight: 300; font-size: 10px; position: relative; top: -1px; }
.dv-btn-dh { margin-top: 8px; }
.dv-btn-dh span { float: right; display: inline-block; padding: 4px 15px; border-radius: 100px; height: 24px; font-weight: 600; color: #4bac4d; background: rgba(238, 238, 238, 0.5); min-width: 50px; text-align: center; }
.dv-header-right a.a_3 span { padding: 0; position: absolute; top: 4px; font-size: 11px; font-family: Arial; right: 3px; background: #FF9800; border-radius: 100px; width: 18px; height: 18px; text-align: center; line-height: 18px; }
.dv-btn-dh a.cur.actii i:before { content: "\f00c"; }
.dr-men { width: calc(100% - 50px); float: right; padding-left: 9px; }
img.img_show_ds.img_show_ds_cart { float: left; }
.dr-men p { font-size: 12px; color: #9a9a9a; }
b.bgban { color: red; }
a.cur.a_xoacart { height: 22px; padding: 0 13px; background: #0076b9; color: #ffff; font-size: 12px; display: inline-block; line-height: 22px; border-radius: 100px; }
a.cur.a_xoacart:hover {  background: #f32112;  }
.dv-lbtogtien { display: inline-block; font-size: 13px; color: #333; }
.dv-ttien { font-weight: 600; font-size: 17px; color: red; text-align: right; padding: 0 10px; }
.dv-is-dat-hang a { display: inline-block; padding: 10px 15px; background: #4bac4d; color: #fff; border-radius: 3px; }
.dv-is-dat-hang { background: #f9f9f9; text-align: center; padding-bottom: 10px; }
.dv-is-dat-hang a:hover { background: #349336; color: #fff; }
.dv-is-dat-hang a i { margin-right: 5px; display: inline-block;}
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }
.load_360 i{-webkit-animation: rotation 2s infinite linear;}
a.cur.cls_tienhanhdat.actiii i:before { content: "\f217"; }
.qty_is_soluong[disabled] { background: #eaeaea !important; }
a.cur.a_xoacart.remove_click { background: #eaeaea; color: #676767; }
a.cur.cls_lamlai { display: none; }
.dv-nhom-xacnhan label { text-align: left; display: block; line-height: 20px; font-size: 12px; margin-top: 2px; }
.dv-nhom-xacnhan label input { width: 16px; height: 16px; margin-right: 3px; position: relative; top: 4px; }
label.lb_timkiem_js.lb_timkiem_js_nhapkho { width: 240px; float: left; background: white; border: 1px solid #d9d9d9; position: relative; }
label.lb_timkiem_js.lb_timkiem_js_nhapkho input { width: 100%; border: none; margin: 0; }
label.lb_timkiem_js.lb_timkiem_js_nhapkho i { position: absolute; top: 6px; right: 6px; font-size: 17px; color: #bbb; }
.dv-left-nhapkho { width: calc(100% - 280px); float: left; }
.dv-right-nhapkho { width: 270px; float: right; padding: 10px; background: #fff; margin: 0px 0 0 10px; }
.dv-right-nhapkho p { font-size: 13px; margin-bottom: 7px; }
.dv-right-nhapkho input, .dv-right-nhapkho textarea { padding: 5px 10px; width: 100%; height: 30px; border: 1px solid #ccc; margin-bottom: 15px; }
.dv-right-nhapkho textarea { height: 100px; }
.dv-right-nhapkho button { padding: 0 18px; line-height: 34px; height: 34px; vertical-align: top; min-width: 90px; color: #fff; background: #607d8b; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #607d8b; cursor: pointer; }
.dv-right-nhapkho button i { margin-right: 10px; }
.dv-right-nhapkho button:hover { background: #4b6580; border-color: #4b6580; }
ul.ul_ajax_loaddd {display: none; position: absolute; right: -1px; width: 360px; top: 34px; background: #fff; padding: 10px; border: 1px solid #d9d9d9; max-height: 380px; overflow-y: auto; }
ul.ul_ajax_loaddd li { list-style: none; border-bottom: 1px dashed #ccc; padding: 7px 0; font-size: 13px; }
ul.ul_ajax_loaddd li a { display: inline-block; padding: 0 13px !important; width: 60px !important; min-width: 0; height: auto; line-height: 23px; border-radius: 100px; text-align: center; float: left; }
ul.ul_ajax_loaddd li span {     line-height: 20px; display: inline-block; float: left; width: calc(100% - 80px); margin-right: 20px; }
tr.tr_saphethang input.text-input-sp { color: red; font-weight: 600; }
.dv-left-home { width: calc(100% - 300px); float: left; }
.dv-right-home h3 { margin-bottom: 15px; }
.dv-doanhthu h3 select { float: right; }
.dv-doanhthu { background: #fff; margin-top: 25px; padding: 15px; overflow: hidden; }
.dv-doanhthu h3 { font-size: 15px; margin-bottom: 25px; }
.dv-doanhthu select { border: 1px solid #e0e0e0; height: 26px; padding: 0 15px; }
.dv-doanhthu.dv-doanhthu-2 { margin-top: 0px; padding-top:20px; border-top: 1px solid #eee; }
.dv-right-home { width: 285px; float: right; padding: 15px; background: #fff; margin-left: 15px; margin-top: 25px; }
.dv-right-home li { border-bottom: 1px dashed #e4e4e4; padding: 10px 0; }
.dv-doanhthu h3 span { text-transform: uppercase; }
.menu-bar.hidden-md.hidden-lg { display: none; }
.lb_timkiem_js { display: inline-block; }
span.s-nhap { font-weight: 500; color: #ff2313; margin-right: 10px}
span.s-ban { font-weight: 500; color: #0891ff; }
.name_list_cap_1_dm, .name_list_cap_1_dm span { color: #009688 !important; }
.dv-dm-spchtiet { margin-left: 25px; width: calc(100% - 25px); }
.dv-dm-spchtiet a { display: block; font-size: 13px; color: #333; margin-top: 5px; line-height: 22px; }
.dv-dm-spchtiet a:hover { color: #FF5722; }
.dv-ndtb-danhmuc tr:hover {background: #fff !important}
.dv-dm-spchtiet a span { color: #F44336; }
.dv-popupc-ont { display:none; transform: translate(-50%,-50%); position: fixed; top: 50%; left: 50%; width: 320px; background: #fff; padding: 10px; z-index: 9999; border-radius: 5px; }
.dv-popupc-ont-cont { display:none; position: fixed; background: #0000007a; width: 100%; height: 100%; z-index: 999; top: 0; left: 0; }
.dv-img-cont img { width: 100px; float: left; }
.dv-img-cont .rrrr { width: calc(100% - 115px); float: right; }
a.cur.a_xa_close { position: absolute; right: -8px; width: 20px; height: 20px; display: inline-block; background: #535353; text-align: center; color: #fff; line-height: 20px; top: -10px; border-radius: 100px; }
.dv-img-cont .rrrr h3 { font-size: 13px; line-height: 18px; margin-bottom: 2px; }
.dv-img-cont .dpp-op { font-size: 12px;  padding: 6px 0; position: relative;}
.dv-img-cont .dpp-op:after {content: ""; border-bottom: 1px dotted #e1e1e1;}
.dv-img-cont .dpp-op span.rrrrsl { float: right; font-weight: 600; font-size: 13px; }
.dv-img-cont .rrrr a { background: #4CAF50; border-radius: 100px; color: #fff; padding: 0px 13px; height: 20px; line-height: 18px; display: inline-block; }
.dv-img-cont .dpp-op:after { content: ""; background: #e1e1e1; bottom: 0; width: 100%; left: 0; position: absolute; height: 1px; }
.dv-img-cont .dpp-op:last-child:after {display: none}
.dv-thongke-dh { background: #fff; padding: 10px; margin: 0px 0 10px; }
.dv-thongke-dh .gr { border-bottom: 1px dotted #ccc; padding: 6px 0; }
.dv-thongke-dh .gr span.prr { float: right; font-weight: 600; }
.dv-thongke-dh .gr:last-child { border: none; }
.dv-phanquyen input { width: 18px !important; height: 18px !important; }
.dv-phanquyen label { display: inline-block; width: 20%; min-width: 160px; float: left; font-size: 13px; margin-top: 10px; }
.cls_name_as input { width: 16px !important; height: 16px !important; float: left; margin-right: 6px; }
.cls_name_as label { float: left; display: block; width: 100%; margin-top: 7px; font-weight: 600; font-size: 12px; line-height: 15px; }

.dv-thongitndh a { font-size: 12px; color: #767676; float: left; margin-right: 5px; opacity: 0.6;}
.dv-thongitndh a i { font-size: 9px; margin-right: 2px; position: relative; top: -1px; margin-left: 1px; }
.dv-thongitndh a.a_1 { color: #009688; }
.dv-thongitndh a.a_2 { color: #e91e63; }
.dv-thongitndh a.a_3 { color: #12adf3; }
.dv-thongitndh a.a_4 { color: #ff5722; }
.dv-thongitndh a.a_5 { color: #607d8b; }
.dv-thongitndh a:hover { opacity: 1; }
.dv-thongitndh { opacity: 0; }
td:hover .dv-thongitndh { opacity: 1; }
.op_0 {opacity: 0; }
.p_ab {position: absolute;}
.dv-cart-left a.js_taomoi { width: 100px; background: #fff; margin-left: 8px; border-radius: 4px; padding: 0 10px; text-align: center; height: 31px; line-height: 32px; }
.dv-cart-left a.js_taomoi i { margin-right: 2px; font-size: 10px; }
.dv-cart-left a.js_taomoi:hover { color: #fff; background: #2badef; }
.dv-heder-cart { height: 40px; background: #0090da; width: 100%; position: relative; padding: 4px; }
.dv-cart-left { display: inline-block; width: 480px; position: relative;}
.dv-cart-left a { position: absolute; padding: 10px 10px; display: inline-block; }
.dv-cart-left input { height: 32px; border: 1px solid transparent; float: left; border-radius: 5px; background-color: #fff; width: 100%; padding: 0px 10px 0 33px; }
.dv-cart-right { display: inline-block; float: right; margin-top: 3px; }
ul.js-load-sptimkiem { position: absolute; top: 36px; width: 100%; list-style: none; background: #fff; max-height: 500px; overflow-y: auto; z-index: 999}
ul.js-load-sptimkiem li img { width: 60px; height: 60px; float: left; }
ul.js-load-sptimkiem li .tk_r { width: calc(100% - 70px); float: right; }
ul.js-load-sptimkiem li .tk_r h3 { font-size: 13px; margin-bottom: 1px; line-height: 18px; display: block; }
ul.js-load-sptimkiem li .tk_r p { font-size: 12px; line-height: 18px; }
ul.js-load-sptimkiem li .tk_r p span.ll { margin-right: 10px; }
ul.js-load-sptimkiem li + li { border-top: 1px dotted #e5e5e5; }
ul.js-load-sptimkiem li { padding-top: 5px; padding-bottom: 5px}
ul.js-load-sptimkiem li:hover { background: #f5f5f5; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); position: relative; }
ul.js-load-sptimkiem li:last-child { border-bottom: 1px solid #ccc}
ul.js-load-sptimkiem li { border-right: 1px solid #ccc; }
.scroll_style::-webkit-scrollbar { width: 8px; }
.scroll_style::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); -webkit-border-radius: 10px; border-radius: 10px; }
.scroll_style::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #cacaca; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); }
.scroll_style::-webkit-scrollbar-thumb:window-inactive { background: #fff; }
.dv-nhom-spcar { border-bottom: 1px solid #ebebeb; background: #fff; padding: 10px 0; }
.dv-nhom-spcar:nth-child(2n+2) { background: #f9f9f9; }
.dv-nd-cart-left { width: calc(100% - 340px); float: left; }
.dv-nd-cart-right { width: 340px; float: right; min-height: calc(100% - 50px);}
.dv-nhom-spcar .sp-sp-1 { width: 30px; display: inline-block; float: left; text-align: right; margin-right: 10px}
.dv-nhom-spcar .sp-sp-2 { width: 30px; display: inline-block; float: left; text-align: center; margin-right: 10px}
.dv-nhom-spcar .sp-sp-3 { display: inline-block; float: left; margin-right: 10px; width: calc(100% - 470px); position: relative;}
.dv-nhom-spcar .sp-sp-4 { width: 115px; display: inline-block; float: left; margin-right: 30px; position: relative;}
.dv-nhom-spcar .sp-sp-4 a { width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 24px; border: 1px solid #e3e3e3; float: left; border-radius: 3px; }
.dv-nhom-spcar .sp-sp-4 a i {  font-size: 14px; color: #cacaca; padding: 3px; }
.dv-nhom-spcar .sp-sp-4 input { border: none; border-bottom: 1px solid #d2d2d2; width: calc(100% - 68px); float: left; height: 24px; margin: 0 5px; text-align: right}

.p-ghichu { font-size: 12px; color: #8f8f8f;  position: relative;}
.dv-nhom-spcar .sp-sp-5 a { border: none; border-bottom: 1px solid #d2d2d2; width: 100%; float: left; height: 24px; text-align: right; line-height: 20px; color: #333; }
.dv-nhom-spcar .sp-sp-5 { width: 110px; display: inline-block; float: left; position: relative;}
p.p_gia_thaydoi { position: relative; text-align: right; font-size: 10px; float: right; padding-top: 3px; color: #df8500; }
.dv-nhom-spcar .sp-sp-6 { width: 110px; display: inline-block; float: left; font-weight: 600; text-align: right; line-height: 20px}
.dv-nhom-spcar textarea { position: absolute; left: 0; bottom: 0; width: 100%; max-width: 400px; border: 1px solid #56ad51; border-radius: 4px; height: 50px; z-index: 9; color: black; padding: 7px; font-size: 13px; line-height: 18px; display: none; margin-bottom: -58px; }
.dv-nhom-spcar .fa-caret-up { position: absolute; bottom: 0; z-index: 999; left: 50px; font-size: 19px; color: #56ad51; display: none; margin-bottom: -15px; }
.dv-nhom-spcar:hover p.p-ghichu {opacity: 1;}
.dv-nhom-spcar textarea.actii { display: block; }
.dv-nhom-spcar textarea.actii ~ .fa-caret-up{ display: block; }
.dv-nhom-spcar .sp-sp-5 a:hover { border-bottom: 1px solid #ff0000; }
.dv-show-gia-goc { position: absolute; right: 100%; background: #fff; border: 1px solid #56ad51; width: 200px; padding: 7px 10px; border-radius: 5px; top: -15px; opacity: 0; z-index: -1}
.dv-show-gia-goc.actii{opacity: 1; z-index: 1}
.dv-show-gia-goc span, .dv-show-gia-goc input { float: right; display: inline-block; width: calc(100% - 82px); text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 3px; position: relative; top: -7px; }
.dv-show-gia-goc p { margin: 7px 0 0; }
.dv-show-gia-goc input { border: none; border-bottom: 1px solid #ccc; }
.dv-show-gia-goc i.fa { position: absolute; right: -7px; top: 21px; font-size: 18px; color: #56ad51; }
.sp_errr_or { position: absolute; top: 5px; right: -10px; color: #FF9800; opacity: 0; }
.sp_errr_or.actii { opacity: 1; }
.dv-nd-cart-right { width: 330px; float: right; margin-left: 10px; background: #fff; padding: 20px 10px; }
.dv-nd-cart-right button { background: #56ad51; width: 100%; border: none; height: 50px; line-height: 50px; font-size: 15px; color: #fff; text-transform: uppercase; border-radius: 6px; margin: 30px 0 0; cursor: pointer; }
.dv-nd-cart-right button i{margin-right: 5px}
.dv-nd-cart-right button:hover{background: #3a7436}
.dv-nhom-r span.left { font-size: 13px; color: #4b4b4b; display: inline-block; }
.dv-nhom-r span.left i { font-size: 12px; margin-right: 5px; color: #a9a9a9; }
.dv-nhom-r { margin-bottom: 12px; }
a.cls-timkh-right { color: darkgrey; float: right;}
.dv-nhom-r.dv-nhom-r-timkh input { width: calc(100% - 30px); border: none; font-size: 12px; padding: 0 3px; }
.dv-nhom-r.dv-nhom-r-timkh { border-bottom: 1px solid #c4c4c4; padding-bottom: 8px; }
.dv-nhom-r.dv-nhom-r-timkh i { color: #a9a9a9; }
.dv-nhom-r textarea { width: 100%; margin: 10px 0 0; height: 80px; border: none; border-bottom: 1px solid #c4c4c4; font-size: 12px; padding-left: 15px; }
.dv-nhom-r span.right { float: right; }
.dv-nhom-r span.right input { border: none; text-align: right; }
span.right.js_tongtien_hang { font-size: 14px; color: red; font-weight: 600; }
.dv-cart-right a { font-size: 14px; color: #ffffff; padding: 5px; display: inline-block; width: 24px; height: 24px; line-height: 25px; border-radius: 100px; text-align: center; float: left; margin-left: 5px; margin-right: 5px; }
.dv-cart-right a:hover { background: #3cbdff; color: #fff; }
.dv-cart-right label { position: absolute; background: #fff; padding: 5px 10px; border: 1px solid #0090da; right: 0px; font-size: 12px; border-radius: 100px; color: #333; margin-top: 6px; display: none; line-height: 18px; }
.dv-cart-right a:hover label { display: block; }
.dv-dsthanhvien-cont { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: .5; display: none}
.dv-dsthanhvien-cont-child { position: absolute; top: 40px !important; border: none; z-index: 10003 !important; width: 500px; max-width: 100%; background: #fff; padding: 15px; left: 50%; transform: translateX(-50%); border-radius: 5px; display: none}
.dv-dsthanhvien-cont-child > h3 { font-size: 16px; margin-bottom: 10px; }
.dv-dsthanhvien-cont-child > a { width: 24px; height: 24px; background: #656565; display: inline-block; position: absolute; right: -8px; top: -9px; text-align: center; line-height: 24px; color: #fff; border-radius: 100px; }
.dv-dsthanhvien-cont-child .dv-nhom-pop { width: calc(50% - 20px); float: left; margin:0 10px 10px; }
.dv-dsthanhvien-cont-child .dv-buttom { width: 100%; float: left; text-align: right; }
.dv-dsthanhvien-cont-child .dv-buttom a { display: inline-block; background: #56ad51; color: #fff; font-size: 13px; padding: 0px 0; width: 95px; text-align: center; border-radius: 5px; margin-left: 3px; height: 35px; line-height: 35px}
.dv-dsthanhvien-cont-child .dv-buttom a.clr { background: #9fa2a3; }
.dv-dsthanhvien-cont-child .dv-buttom a i { margin-right: 5px; }
.dv-dsthanhvien-cont-child .dv-nhom-pop p { color: #535353; font-size: 12px; margin-bottom: 5px; }
.dv-dsthanhvien-cont-child .dv-nhom-pop input { width: 100%; padding: 0 10px; height: 30px; border: 1px solid #ccc; border-radius: 3px; }
.dv-nhom-pop-gr { margin: 0 -10px; }
ul.ul-js-thanhvien { position: absolute; background: #fff; max-height: 300px; overflow-y: auto; z-index: 99; list-style: none; margin-top: 10px}
ul.ul-js-thanhvien li { list-style: none; padding: 7px 0; border-bottom: 1px dashed #ccc; }
ul.ul-js-thanhvien li h3 { font-size: 13px; margin-bottom: 5px; }
ul.ul-js-thanhvien li .ll { font-size: 12px; line-height: 17px; height: 17px; overflow: hidden; color: #959595; }
ul.ul-js-thanhvien li:hover h3 { color: #56ad51; }
a.cls-timkh-right.cls_xoatv.cur  {  display: none; }
a.cls-timkh-right.cls_xoatv.cur i { color: red; }
span.tkh-js.tkh-load-tv a{ padding: 0 6px; }
a {cursor: pointer;}
img.js_load_dat_hang { position: absolute; height: 17px; margin-top: 15px; margin-left: 8px; display: none}
.sp_napa {display: none}
.dv-pqgr { width: 100%; float: left; }
.dv-cart-right a.a_home {
    margin-top: 0px;
}

.dv-thongbao-lailo.cls_lai {    white-space: nowrap; color: #fff; background: #009688; padding: 8px 11px; display: inline-block; border-radius: 3px; line-height: 11px;     width: 100%;}
.dv-thongbao-lailo.cls_lo { color: #fff; background: #9e9e9e; padding: 8px 11px; display: inline-block; border-radius: 3px; line-height: 11px; }
.dv-tt-hide span { display: block; font-size: 12px; color: #6f6f6f; }
.dv-tt-hide { margin-top: 5px; display: none; margin-bottom: 5px }
.thongtin_dh:hover .dv-tt-hide { display: block; }
.thongtin_dh {margin-bottom: 5px}
.dv-tontiendh span { margin-right: 2px; display: inline-block; font-size: 11px; }
.dv-tontiendh span.sp_tktien-2 u { color: #2196f3; }
.dv-tontiendh span.sp_tktien-3 u { color: #009688; }
.dv-tontiendh span.sp_tktien-4 u { color: #9e9e9e; }
.dv-loctho-gian-mua-kh.dv-tontiendh label.lb_timkiem_js { float: left; }
.dv-loctho-gian-mua-kh.dv-tontiendh label.lb_timkiem_js a { display: inline-block; float: left; font-weight: 600; margin-right: 7px; line-height: 25px; padding: 4px 0; color: #ff5722; }
.dv-loctho-gian-mua-kh.dv-tontiendh button {cursor: pointer; height: 34px; border: none; border-radius: 3px; color: #fff; }
.dv-loctho-gian-mua-kh.dv-tontiendh .dv-tontiendh { display: inline-block; float: right;  }
.dv-loctho-gian-mua-kh.dv-tontiendh { margin-top: 15px; }
.dv-note-timkh { display: inline-block; font-size: 12px; color: #989898; }
.dv-tontiendh span.sp_tktien-5 u { color: #ff1212; }

@media only screen and (max-width: 1199px) { .pagewrap { width: 100%; padding-left: 0px; padding-right: 0px }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dv-list-sp.flex { margin: 0; }
.dv-tits { padding: 15px 10px; }
.dv-header { padding: 0 10px; }
.dv-ndtb { padding-left: 10px; padding-right: 10px; }
.dv-nd-cart-right { width: 280px;}
.dv-nd-cart-left { width: calc(100% - 290px); float: left; }
}
@media only screen and (max-width: 991px) { .pagewrap { width: 100%; padding-left: 0px; padding-right: 0px }
.mn-mobile { display: block; float: right; margin: 0; position: absolute; top: auto; padding: 3px 10px; border-radius: 6px; right: 0px; bottom: 5px; }
a.a_trangchu_mb { display: none; position: absolute; left: 10px; text-transform: uppercase; color: #ffffff; padding: 4px 3px; font-size: 23px; top: 0; }
div#mm-0 { background: #eeeeee !important; }
.mn-mobile img { float: left; height: 13px; line-height: 30px; }
.mm-panel.mm-hasnavbar .mm-navbar { background: #0b6387 !important; height: 38px; line-height: 18px; }
.mn-mobile span { width: 30px; height: 3px; background: #ffffff; border-radius: 100px; display: block; margin: 6px 0; }
.menu-bar.hidden-md.hidden-lg span { height: 3px; width: 30px; background: white; display: block; margin-top: 6px; border-radius: 100px; }
.menu-bar.hidden-md.hidden-lg {     display: block; width: 30px;  position: absolute; top: 6px; left: 10px; }
ul.menu { display: none; }
.dv-left-home { width: calc(100% - 20px); float: left; margin: 0 10px; }
.dv-right-home { width: calc(100% - 20px); margin: 10px 10px 0; }
.dv-sp-list { width: calc(25% - 16px); }
.hide_991 {display: none}
td { padding: 5px; }
th { padding: 5px; }
.w120 { width: 100px; }
.dv-thongitndh { opacity: 1; }
.dv-nhom-spcar .sp-sp-1 { display: none; }
.dv-nhom-spcar .sp-sp-5,
.dv-nhom-spcar .sp-sp-6 { width: 70px;}
.dv-show-gia-goc { right: 0; left: 0; }
.dv-show-gia-goc i.fa{display: none}
.dv-nhom-spcar .sp-sp-4 { width: 110px; display: inline-block; float: left; margin-right: 10px; position: relative; }
.dv-nhom-spcar .sp-sp-3 { display: inline-block; float: left; margin-right: 5px; width: calc(100% - 310px); position: relative; }
}
@media only screen and (max-width: 767px) { 
	.dv-sp-list { width: calc(33.33% - 16px); }
	.tits-right button ,.tits-right a{ padding: 0 10px; line-height: 32px; height: 32px; vertical-align: top; min-width: 0px;}
	.lb_timkiem_js input, .lb_timkiem_js select { float: left; padding: 0 10px; height: 32px; font-size: 12px; width: 200px; border: 1px solid #d9d9d9; margin-left: 0; margin-right: 5px; margin-bottom: 5px; }
	.tits-right button { margin-left: 0; }
	.w80 { width: 40px; }
	label.lb_timkiem_js.lb_timkiem_js_nhapkho { width: 100%; }
	ul.ul_ajax_loaddd { max-width: 100%; }
	.w100 { width: 50px; }
	.hide_767 {display: none}
	.dv-left-nhapkho { width: calc(100% - 0px); float: left; }
	.dv-right-nhapkho { width: calc(100% - 20px); float: right; padding: 10px; background: #fff; margin: 10px 10px 0; }
	.dv-cart-left { display: inline-block; width: 200px; position: relative; }
	.dv-nd-cart-left { width: calc(100% - 0px); float: left; }
	ul.js-load-sptimkiem { width: 320px; }
	.dv-cart-left a.js_taomoi { width: 80px;}
	.dv-nd-cart-right { width: 100%; height: auto; min-height: 0; margin-left: 0 }
	.lb_timkiem_js { margin: 0; width: 100%; }
	.lb_timkiem_js input, .lb_timkiem_js select { width: calc(100% / 4 - 16px); }
	.tb_rps table .dv-thongitndh a i { display: none; }
	.tb_rps table .dv-thongitndh a { font-size: 12px !important; display: inline-block !important; }
}
@media only screen and (max-width: 479px) { 
	.dv-cart-right label { white-space: nowrap; }
	.dv-cart-right a { padding: 0 0px; padding-right: 5px; margin-top: 2px; display: none}
	.dv-cart-right:hover a {display: block;}
	.dv-cart-right span.sp_napa { display: block; text-align: center; color: #fff; font-size: 17px; padding: 4px 5px 0; margin-bottom: 5px; }
	.dv-cart-right a:hover { background: none; color: #fff; }
	.dv-cart-right { z-index: 9; width: 30px; position: absolute; right: 0; background: #0090da; padding: 0 0 6px; border-radius: 100px; }
	.dv-sp-list { width: calc(50% - 10px); margin: 5px; }
	.dv-btn-dh a { width: 100%; text-align: center; }
	.dv-btn-dh span { display: block; width: 100%; text-align: center; margin-top: 6px; }
	.dv-cart-left { display: inline-block; width: 178px; position: relative; }
	.dv-nhom-spcar .sp-sp-3 { display: inline-block; float: left; margin-right: 0; width: calc(100% - 40px); position: relative; margin-bottom: 5px}
	.dv-nhom-spcar .sp-sp-4 { margin-left: 7px; }
	.dv-nhom-spcar .sp-sp-5, .dv-nhom-spcar .sp-sp-6 { width: 80px; }
	.lb_timkiem_js button { width: 100% !important; margin-bottom: 5px; }.lb_timkiem_js button { width: 100% !important; margin-bottom: 5px; }
	.lb_timkiem_js input, .lb_timkiem_js select { width: calc(100% / 2 - 5px); }
	.dv-header-right a.a_1 span { display: none; }
}