*{padding:0; margin:0}
input, select{border: 1px solid #ccc; border-bottom: 1px solid #999; padding:8px; margin-bottom: 10px; border-radius: 0.2rem; max-width: 100%;}
input, button, select, textarea{outline:none;}
@font-face {
  font-family: "Allison-sign";
  src: url("/public/fonts/Allison_Script.otf");
}
.fl{float:left}
.fr, #offline-switch{float:right}
.tc,.group-control{text-align:center}
.tj{text-align:justify}
.tl,.editorT{text-align:left}
.tr{text-align:right}
.fb{font-weight:bold}
.di, .view, .like, .share{display:inline-block; float:none}
.an,#dragdiv,#dsA ul{display:none}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.mt70{margin-top:70px}
.bdr20{border-radius:20px}
.bdr5{border-radius:5px}
.bdb1{border-bottom:1px solid #ccc}
.w100, .noidung table, .ten, .cauhoi-item{width:100% !important}
.w92{width:92%}
.w96{width:96%}
.w94{width:94%}
.w48{width:48%}
.pa3{padding:3%}
.pa4{padding:4%}
.pa2{padding:2%}   
#popupT{min-height:180px; width:250px; background:#fff; border:1px solid #ccc; display:none; top:0px; position:fixed}
#popupT h2{color:#fff; font-size:16px; padding:8px}
img{max-width:100%;}
footer{overflow:hidden}

.sidebar ul{width:95%; border:none !important; background:unset !important}
.fade:not(.show){opacity:1}
.btn-primary i, .cf{color:#fff}
.thungrac .la-trash:before {top: 7px; position: relative; }
.thungrac{text-decoration:none}
.thungrac:hover{color:orange; text-decoration:none}
#khachhanginfo .kh{margin: 0 5px; padding: 2px 0px;}
.card-header span{color:#28a745; font-size:17px}
.labelT {position:relative}
.labelT span{position:absolute; top:-10px; left:5px; border: 1px solid #ccc; border-radius: 3px; background:#fff; padding: 0 5px; font-size:12px;  color:#888}

.grid-stack-item-content{max-height: 550px;overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.grid-stack-item-content::-webkit-scrollbar {display: none;}

.DonHang .KhachHang{
	min-width: 150px;
}
#dragdiv { position: fixed; animation: 1s ease 0s 1 normal none running mymove; z-index: 2147483647; background-color: rgb(241, 241, 241); border: 1px solid rgb(211, 211, 211); border-radius: 5px; resize: horizontal; overflow: auto; }
#dragdivheader { cursor: move; z-index: 10; background-color: rgb(38, 97, 136); color: rgb(255, 255, 255); }
#dragdiv td{position:unset}
#dragdiv h2{text-align:left; padding:5px 2%; width:96%; font-size:16px; line-height:26px}
@keyframes mymove {0% { top: 0px; }100% { top: 80px; }}
.top-header{padding:0px; text-align:center}
.top-header a:hover,.top-header button:hover,.top-header .open button{text-decoration:none}
.top-header .dropdown-menu,.main .top-header .open{background:#f7a526; border-radius: 0.25rem; padding:0; margin:0}
.main .top-header .open{border: 1px solid rgba(0, 0, 0, 0.15); border-bottom:none}
.top-header .dropdown-menu{width:250px; border-top:none}
.top-header .dropdown-menu ul{margin-top:10px}
.top-header .dropdown-menu ul ul{margin-top:unset}
.main .top-header .open{border-bottom-left-radius:0; border-bottom-right-radius:0}
.top-header a,.main .top-header .open i,.main .top-header .open button{color:#fff}
.top-header .dropdown-menu ul li{list-style:none; line-height:30px}
.top-header .dropdown-menu ul li a{width:100%; padding-left:10px; font-weight:bold; float:left}
.top-header .dropdown-menu ul li li a{padding-left:20px; font-weight:normal}
.top-header .dropdown-menu ul li a:hover{background:#ca8214;}
.icon-T{font-size: 18px; line-height:19px; color: orange; border: 1px solid #d89327; width: 20px; float: left; border-radius: 100%;}
.top-header .dropdown-menu ul li li a:hover,.icon-T:hover{background:#d89327; color:#fff}
#login .anhdd img{width:20px; height:20px; overflow:hidden; border-radius:100%}