/* Admin AMT css */
html, body {height: 100%;}
body {margin: 0 auto;padding: 0;background-color: #fdfdfd;font-size: 14px;line-height: 1.5;color: #555;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;min-height: 100vh;display: flex;flex-direction: column;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family: Arial, 'Roboto','Open Sans', sans-serif;}
img{border: 0;width: 100%}
a,a:hover{text-decoration: none;border: 0;color: #555}
a:not([href]){cursor: auto!important} 
a:not([href]):hover{text-decoration: none;}
a:visited {color: #555;}
.hidden{display:none!important}
.mp{margin: 0;padding: 0}

.margintop5{margin-top: 5px!important;}
.margintop10{margin-top: 10px!important;}

.marginright10{margin-right: 10px!important;}

.clip-xy{position: absolute;clip: rect(48px, 126px, 80px, 5px);}
.clear-b,.clear-a,.clear-ab {*zoom: 1;}
.clear-ab:before,.clear-ab:after {clear: both;content: "";display: block;}
.clear-b:before {clear: both;content: "";display: block;height: 1px;}
.clear-a:after {clear: both;content: "";display: block;height: 1px;}



*:focus,*:active{outline: none;}
.off-none {display: none !important;}
.off-block {visibility: hidden !important}

#amt-wrapper{margin: 0 auto;padding: 0;flex: 1 0 auto;display: flex;flex-direction: column;width: 100%;min-width: 1200px;}
/*----- MỞ AMT HEADER -----*/
#amt-header{height: 70px;width: 100%;background-color: #fdfdfd;flex: 0 0 70px;display: flex;align-items: center;border-bottom: 1px solid #e7e9eb;}
#amt-header .logo{display: block;background-color: #fdfdfd;height: 100%;width: 240px;float: left;}
#amt-header .logo a{display: block;width: 80px;float: left;margin-top: 10px;}
.amt-buttonmainmenumobile{display: block;float: right;margin-right: 10px;margin-top: 22px;cursor: pointer;padding: 7px;background-color: #f3f4f6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.amt-menu-premium {
    width: 22px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: none;
    border: none;
    padding: 0;cursor: pointer;
}

.amt-menu-premium span {
    height: 4px;
    background: #555;
    border-radius: 999px;
    transition:
        width 0.3s ease,
        transform 0.4s cubic-bezier(0.68,-0.55,0.27,1.55),
        opacity 0.25s ease;
}

/* độ dài khác nhau */
.amt-menu-premium span:nth-child(1) { width: 60%; }
.amt-menu-premium span:nth-child(2) { width: 100%; }
.amt-menu-premium span:nth-child(3) { width: 75%; }

/* khi active → thành X premium */
.amt-menu-premium.active span {
    width: 100%; /* tất cả bằng nhau khi thành X */
}

.amt-menu-premium.active span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.amt-menu-premium.active span:nth-child(2) {
    opacity: 0;
}

.amt-menu-premium.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}
.amt-buttonmainmenumobile:hover{ background: #ddd; }

/*-------------*/
/* ===== MENU MOBILE SLIDE TRÁI ===== */
#amt-mainmenumobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 240px;
  height: 100dvh;
  background: #ffffff;
  box-shadow: 4px 0 15px rgba(0,0,0,0.15);
  z-index: 9500;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

#amt-mainmenumobile.show {
  transform: translateX(0);
}

/* Header menu mobile */
.amt-mm-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  background: #f9f9f9;
}

.amt-mm-back {
  display: none; /* default ẩn, khi có levelStack mới hiện */
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: none;
  background: #e5e5e5;
  cursor: pointer;
  font-size: 15px;
}

.amt-mm-title {
  font-weight: 600;
  font-size: 15px;
}

/* Body + list */
.amt-mm-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* UL nguồn ẩn đi */
#amt-mm-source {
  display: none;
}

/* UL view */
.amt-mm-list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  overflow-y: auto;
  flex: 1 1 auto;
}

.amt-mm-item {
  margin: 0;
}

.amt-mm-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 14px;
  text-decoration: none;
  color: #222;
  font-size: 14px;
}

.amt-mm-link:hover {
  background: #f5f5f5;
}

/* có children → có mũi tên */
.amt-mm-link.has-children::after {
  content: '›';
  font-size: 14px;
  opacity: 0.6;
}
/* Nút close trên menu mobile */
.amt-mm-close-btn {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    user-select: none;
    color: #222;
    margin: 6px 6px 0 6px;
    border-radius: 50%;
    transition: background .2s ease;
}

.amt-mm-close-btn:hover {
    background: rgba(0,0,0,0.06);
}

/*-------------*/
/*----- AMT- COL LEFT MENU DESKTOP -----*/
#amt-colleftmenudesktop {
  width: 100%;
  background: #f9f9f9;
  display: flex;
  flex-direction: column;
}

.amt-clmd-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.amt-clmd-list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  overflow-y: auto;
  flex: 1 1 auto;
}

.amt-clmd-list a {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 8px 12px;
  text-decoration: none;
  color: #333;
  font-size: 14px; text-align: left; line-height: 1.4;
}
.amt-clmd-list a i{display: inline-block;margin-right: 5px;font-size: 16px;width: 20px;text-align: center;}

/*.amt-clmd-list a[href]:not([href=""]):not([href="#"]):hover {}*/

/*.amt-clmd-list a:not([href]),
.amt-clmd-list a[href=""],
.amt-clmd-list a[href="#"],
.amt-clmd-list a[href="javascript:void(0)"] {}*/

/* có children → có mũi tên */
.amt-clmd-list a.has-children::after {
  content: '›';
  font-size: 14px;
  opacity: 0.6;
}
.amt-clmd-list > li:not(:last-child):not(:nth-child(3)){border-bottom: 1px solid #e8e9eb}
.amt-clmd-list > li > a{font-weight: normal;text-transform: uppercase;font-weight: bold;font-size: 13px;padding: 8.75px 12px;}
.amt-clmd-list > li > a:hover,.amt-clmd-list > li > a.active{color: #073e93;}
.amt-clmd-list > li > ul{padding-left: 0;list-style: none;}
.amt-clmd-list > li > ul li a{padding-left: 25px!important;}
.amt-clmd-list > li > ul li a i{font-size: 5px;}
.amt-clmd-list > li > ul li a:hover,.amt-clmd-list > li > ul li a.active {background-color:#073e93;color: #fff;}
/*----- END AMT- COL LEFT MENU DESKTOP -----*/



#amt-header .headerright{width: calc(100% - 240px);height: 100%;padding: 20px;float: left;line-height: 30px;font-weight: bold; color: #c32423;text-transform: uppercase;}
/*----- ĐÓNG AMT HEADER -----*/
/*----- MỞ AMT MAIN -----*/
#amt-main{width: 100%;background-color: #fdfdfd;flex: 1 0 auto;display: flex;}
.main-left {width: 240px;flex-shrink: 0;background: #f9f9f9;border-right: 1px solid #e7e9eb;}
.main-right {flex: 1;background: #fff;padding: 20px;}
/*Login Page*/
.login-page{width: 100%}
.login-page h1{display: block;font-size: 18px; font-weight: normal;line-height: 1;}
.login-box{width: 400px;margin: 0;padding: 0;}

.border-red-500,.amt-input-error{border: 1px solid #c32423!important;}
.field-error, .amt-error{color: #c32423;font-size: 12px;line-height: 1.5;height: 18px;width: 100%;float: left;}


.amt-form-group{display: block;width: 100%;vertical-align: middle;}
.amt-form-group:not(:has(.field-error)) {
    margin-bottom: 10px;
}
.amt-form-group label{display: block;font-size: 14px;line-height: 1.5;float: left;vertical-align: middle;}
.amt-form-group input[type="text"],
.amt-form-group input[type="number"],
.amt-form-group input[type="email"],
.amt-form-group input[type="password"]{display: block;width: 100%; padding: 7px 12px;margin: 0;line-height: 1;border: 1px solid #e4e6e8;color: #494545; font-size: 14px; float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.amt-form-group input[type="text"].haveiconoutright,
.amt-form-group input[type="number"].haveiconoutright,
.amt-form-group input[type="email"].haveiconoutright,
.amt-form-group input[type="password"].haveiconoutright{width:  calc(100% - 37px);margin-right: 5px;}

.amt-form-group input[type="checkbox"] {display: block;float: left;font-size: 16px;}
.amt-form-group input[type="radio"] {display: block;float: left;font-size: 16px;}
.amt-form-group select{display: block;width: 100%; float: left;padding: 6.25px 12px;margin: 0;line-height: 1;border: 1px solid #e4e6e8;color: #494545; font-size: 14px; float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.amt-form-group button{display: block;float: left;font-size: 14px;padding: 7px 12px;margin: 0;cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #e4e6e8;background-color: #efefef;color: #555}
.amt-form-group button.success{background-color: #0a5bdd;border: 1px solid #0a5bdd;color: #fff;}

.amt-form-group button.iconright{display: flex;font-size: 12px;border: 1px solid #efefef;align-items: center;justify-content: center;width: 32px;height: 32px;: 0;}
.iconright:hover,.iconright:active{background-color: #f9fafb;cursor: pointer;}

.amt-form-group a{display: block;float: left;font-size: 14px;padding: 4.5px 12px;margin: 0;cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border: 1px solid #e4e6e8;background-color: #efefef;color: #555}
.mrt21{margin-top: 21px!important;}
.mrr21{margin-right: 10px!important;}

.amt-form-group button i,.amt-form-group a i{display: inline-block;font-size: 10px;margin-right: 5px;}
.amt-form-group button:hover,.amt-form-group a:hover{background-color: #ccc;border: 1px solid #ccc;}
.amt-form-group button.yellow:hover,.amt-form-group a.yellow:hover{background-color: #e8bc52;border: 1px solid #e8bc52;color: #fff;}


/* Container: mỗi hàng 4 item, giãn đều, hai bên thoáng */
.amt-boxallimage {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;  /* Dồn tất cả về bên trái */
    gap: 16px;                        /* khoảng cách giữa các item */
    align-items: stretch;             /* các box cao bằng nhau theo hàng */
}

/* Mỗi file cũ */
.amt-box-previewfileold, .amt-box-previewfilenew {
    position: relative;
    flex: 0 0 calc(25% - 12px);       /* 4 cái / hàng (25%), trừ nhẹ cho gap */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;           /* để nội dung xếp dọc */
    align-items: center;              /* canh giữa theo chiều ngang */
    justify-content: flex-start;
    background: #fafafa;
}
.amt-box-previewavarta{position: relative;}
.amt-form-group button.amt-remove-avarta, .amt-form-group button.removefileold, .amt-form-group button.removefilenew{display: block; position: absolute;top: 0;left: 0;padding: 5px;font-size: 14px;        /* chỉnh kích thước dấu × */
line-height: 1;font-weight: 600;width: 25px;height: 25px;text-align: center;vertical-align: middle;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #efefef42;border: 1px solid #efefef}
.amt-form-group button.amt-remove-avarta:hover, .amt-form-group button.removefileold:hover, .amt-form-group button.removefilenew:hover{display: block; position: absolute;top: 0;left: 0;padding: 5px;font-size: 14px;        /* chỉnh kích thước dấu × */
line-height: 1;font-weight: 600;width: 25px;height: 25px;text-align: center;vertical-align: middle;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #efefef;border: 1px solid #efefef}
.box-multi-image label, .box-multi-file label{background-color: #0750bc;color: #fff;padding: 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.box-album-old{margin-bottom: 10px;}
.box-album-old p{padding-top: 0;margin-top: 0;}
.box-album-new{margin-top: 10px;}
.amt-gallery-preview{
  display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;  /* Dồn tất cả về bên trái */
    gap: 16px;                        /* khoảng cách giữa các item */
    align-items: stretch;
}
.amt-gallery-item{
  position: relative;
    flex: 0 0 calc(12.5% - 12px);       /* 4 cái / hàng (25%), trừ nhẹ cho gap */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;           /* để nội dung xếp dọc */
    align-items: center;              /* canh giữa theo chiều ngang */
    justify-content: flex-start;
    background: #fafafa;
}
.amt-gallery-meta{display: block; position: absolute;top: 0;left: 0;padding: 0;margin: 0;}
.amt-gallery-meta button, .amt-file-item button{display: block; padding: 5px;font-size: 14px;        /* chỉnh kích thước dấu × */
line-height: 1;font-weight: 600;width: 25px;height: 25px;text-align: center;vertical-align: middle;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #efefef42;border: 1px solid #efefef;cursor: pointer;}
.amt-file-item button{display: inline-block;}
.amt-gallery-meta button:hover, .amt-file-item button:hover{padding: 5px;font-size: 14px;        /* chỉnh kích thước dấu × */
line-height: 1;font-weight: 600;width: 25px;height: 25px;text-align: center;vertical-align: middle;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #efefef;border: 1px solid #efefef}

.amt-office-avarta{background-color: #f9f9f9;padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px}
.amt-office-avarta h3{padding: 0;margin: 0 0 5px 0;font-weight: bold;text-transform: uppercase;font-size: 14px;}
.amt-office-avarta .relative {position: relative;margin-bottom: 5px;}
.amt-office-avarta button{display: block;position: absolute;top: 0;left: 0; padding: 5px;font-size: 14px;        /* chỉnh kích thước dấu × */
line-height: 1;font-weight: 600;width: 25px;height: 25px;text-align: center;vertical-align: middle;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #efefef42;border: 1px solid #efefef;cursor: pointer;}
.amt-office-avarta button i{font-size: 12px;margin: 0;padding: 0;color: #232323;}

.amt-office-cate h3{padding: 0;margin: 0 0 5px 0;font-weight: bold;text-transform: uppercase;font-size: 14px;}

.amt-office-icon{background-color: #f9f9f9;padding: 10px;margin-top: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px}
.amt-office-icon h3{padding: 0;margin: 0 0 5px 0;font-weight: bold;text-transform: uppercase;font-size: 14px;}
.amt-office-icon .relative {position: relative;margin-bottom: 5px;}
.amt-office-icon button{display: block;position: absolute;top: 0;left: 0; padding: 5px;font-size: 14px;        /* chỉnh kích thước dấu × */
line-height: 1;font-weight: 600;width: 25px;height: 25px;text-align: center;vertical-align: middle;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #efefef42;border: 1px solid #efefef;cursor: pointer;}
.amt-office-icon button i{font-size: 12px;margin: 0;padding: 0;color: #232323;}

.amt-form-group .w100{width: 100%;padding: 5px 0;}

.items-center h2{display: block; font-size: 16px;padding: 6px 10px;line-height: 1;font-size: 13px;text-transform: uppercase;font-weight: bold;}

.amt-form-group.w50{width: calc(50% - 10px);float: left;}
.amt-form-group.w50 + .amt-form-group.w50{margin-left: 20px;}
.amt-form-group.w50a{width: 50%;float: left;}
.amt-form-group.w5020{width: calc(50% - 20px);float: left;}
.amt-form-group.w60{width: 60%;float: left;}
.amt-form-group.w6020{width: calc(60% - 20px);float: left;}
.amt-form-group.w40{width: 40%;float: left;}
.amt-form-group.w4020{width: calc(40% - 20px);float: left;}
.amt-form-group.w30{width: 30%;float: left;}
.amt-form-group.w3020{width: calc(30% - 20px);float: left;}
.amt-form-group.mr20{margin-right: 20px;}
.amt-form-group.ml20{margin-left: 20px;}
 .mr20{margin-right: 20px!important;}
/*----- Box Filter Office -----*/
.amt-filter-form{padding: 8px 10px}
/*----- End Box Filter Office -----*/

/*----- Box Auth -----*/
.boxauth{width: 100%;padding: 10px 10px;overflow: hidden;margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;background-image: url('/assets/images/user-bg-pattern.svg');background-size: cover;background-repeat: no-repeat;background-color: #fff;}
.boxauth img{width:35px;height:35px;border-radius:50%;object-fit:cover;float: left;margin-right: 10px;}
.boxauth p{display: block;width: calc(100% - 40px);padding: 10px 0 5px 0;margin: 0;text-align: left;font-size: 13px;font-weight: bold;line-height: 1;float: left;}
.boxauth p span{display: block;width: 100%;text-align: left;font-size: 12.5px;line-height: 1;font-weight: normal;margin-top: 5px;}
a.infoadmin{display: block;float: right;font-size: 18px;width: 30px;height: 30px;padding: 0;text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; background-color: #ffffff6e;}
a.infoadmin i{display: inline-block;margin: 0;padding: 0;vertical-align: middle;animation: amtBounce 1s ease-in-out infinite;}
/* Keyframes bounce liên tục */
@keyframes amtBounce {
    0%   { transform: translateY(0) scale(1); }
    50%  { transform: translateY(-3px) scale(1.15); }
    100% { transform: translateY(0) scale(1); }
}
a.infoadmin:hover i{color: #073e93;}
/*-----*/
.amt-page-header{width: 100%;margin-bottom: 5px;padding: 0 0 5px 0;}
.amt-page-header h1{width: 100%;line-height: 1;font-size: 16px;margin: 0;padding: 0;font-weight: old;text-transform: capitalize;color: #333;}

.main-right-contain{width: 100%;}
.main-right-01{width: 680px;float: left;}
.main-right-02{width: calc(100% - 700px);float: left;margin-left: 20px;}
/*------ Header Main Right ------*/
.header-main-right{display: block; width: 100%;background-color: #0750bc;padding: 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.header-main-right h2{display: block;float: left;color: #fff;line-height: 30px; font-size: 13px;vertical-align: middle;text-transform: uppercase;font-weight: bold;margin: 0;padding: 0;}
.header-main-right button{display: inline-block; float: left;font-size: 14px;width: 30px; height: 30px;vertical-align: middle;text-align: center;margin-left: 10px; cursor: pointer;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #fff;border: 1px solid #fff;color: #0750bc;}
.header-main-right button:hover{background-color: #0750bc; color: #fff}
/*------ End Header Main Right ------*/
/*------ Header Main Full ------*/
.header-main-full{display: block; width: 100%;background-color: #0750bc;padding: 8px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.header-main-full h2{display: block;float: left;color: #fff;line-height: 30px; font-size: 13px;vertical-align: middle;text-transform: uppercase;font-weight: bold;margin: 0;padding: 0;}
.header-main-full a{display: inline-block; float: left;font-size: 14px;width: 30px; height: 30px;vertical-align: middle;text-align: center;margin-left: 10px; cursor: pointer;overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background-color: #fff;border: 1px solid #fff;color: #0750bc;line-height: 28px;}
.header-main-full a:hover{background-color: #0750bc; color: #fff}
/*------ End Header Main Full ------*/
/*-----  -----*/
.boxaction{width: 100%;padding: 8px 10px;}
/*----- -----*/
/*-----  -----*/
.amt-user-list{display: block;width: 100%;list-style: none;padding: 0;margin: 0;}
/* Mỗi user là 1 hàng flex */
.amt-item{
  display:flex;
  align-items:stretch;              /* cao đều nhau */
  border:1px solid #ddd;
  border-radius:4px;
  background:#fff;
  overflow:hidden;
  margin-bottom:-1px;
  font-size:13.5px;
}

/* Các “cell” con trong hàng */
.amt-item > *{
  padding:6px 8px;
}

/* Border trái cho mọi phần tử trừ phần đầu */
.amt-item > * + *{
  border-left:1px solid #e5e5e5;
}

/* Cột checkbox: rộng 35px */
.amt-item .choose-check{
  flex:0 0 13px;                    /* width = 35px */
  display:flex;                     /* cho phép canh giữa bằng flex luôn */
  align-items:center;
  justify-content:center;
}

/* Ảnh avatar */
.amt-item-image {
    flex: 0 0 60px;          /* hoặc 44px nếu anh muốn avatar nhỏ */
    display: flex;
    align-items: center;     /* căn giữa theo chiều dọc */
    justify-content: center; /* căn giữa theo chiều ngang (nếu ảnh nhỏ hơn) */
}

.amt-item-image img {
    width: 100%;             /* full width container */
    height: auto;            /* tự động theo tỷ lệ ảnh */
    object-fit: contain;     /* không crop, giữ nguyên tỷ lệ */
    display: block;
}
/* Khối tên + email + phone + level: giãn chính */
.amt-item .amt-item-name{
  flex:3 1 0%;                    /* ăn hết phần còn lại */
  min-width:0;                      /* cho phép co khi chật */
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
}


.amt-item .amt-item-name .diachi{font-size: 12px;}
.amt-item .amt-item-name .district{font-size: 12px;padding: 2px;}
.amt-item .amt-item-name .province{font-size: 12px;padding: 2px;}
.discount{display: block;}
.discount span{display: inline-block; font-size: 13px; font-weight: bold;color: #c32423;display: block;}
.amt-item .amt-item-extend{
  flex:1.5 1 0%;                    /* ăn hết phần còn lại */
  min-width:0;                      /* cho phép co khi chật */
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
}
/* Cột info: cố định 70px */
.amt-item .amt-item-info{
  flex:0 0 auto;                    /* width = 70px */
  max-width: 120px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  flex-direction:column;
  font-size:12px;
  color:#666;gap: 2px;
}


.level{background-color: #f3f4f6;padding: 2px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.status{background-color: #e4e6e8;padding: 2px 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.amt-meta-line{display: block;width: 100%}
.amt-meta-line .amt-meta-label{display: block;float: left;margin-right: 5px;padding-top: 5px;height: 21.5px;margin-bottom: 3px;}
.amt-meta-line .amt-meta-tags > span.area{display: block; float: left;border: 1px solid #f5f5f5;font-size: 12px;margin-right: 5px;overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;font-weight: bold;margin-bottom: 3px;text-align: center;vertical-align: middle;padding: 0 5px;background-color: #f5f5f5;}
.amt-meta-line .amt-meta-tags > span.seat{display: block; float: left;border: 1px solid #f5f5f5;margin-right: 5px;overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;font-weight: bold;margin-bottom: 3px;text-align: center;vertical-align: middle;height: 21.5px;padding: 0 5px;line-height: 22px;}
.amt-meta-line .amt-meta-tags span i{vertical-align: super;display: inline-block;font-size: 0.8em;position: relative;
  top: 0.2em;}

.amt-office-name{display: block;font-size: 13px;font-weight: bold;color: #555;line-height: 1.4;text-transform: uppercase;margin-top: 2px;}
.amt-office-coworking-name{display: block; text-transform: uppercase; font-weight: bold;margin-top: 3px;line-height: 1.4;padding: 3px 0;color: #3577f1;vertical-align: middle;}
.amt-office-coworking-name span{display: inline-block;text-transform: capitalize!important;padding: 1px 5px;background-color: #1668e12e;color: #3577f1;vertical-align: middle;font-weight: normal;font-size: 10px;overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.amt-office-price{display: block;background-color: #f5f5f5;padding: 3px 10px;font-size: 13px; font-weight: bold;color: #c32423;margin-top: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.amt-office-price > i{font-style: normal;}
.amt-office-price span{display: inline-block;color: #555;font-size: 13px;font-weight: normal;margin-left: 5px;}
.amt-office-price span i{display: inline-block;vertical-align: super;font-size: 0.8em;position: relative;
  top: 0.2em;}
.amt-office-addressold{display: block;font-size: 13px;padding: 2px 0;font-weight: normal;color: #666;}
.amt-office-addressold span{display: inline-block; background-color: #e4e6e8;padding: 0 5px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.amt-office-addressnew{display: block;font-size: 13px;padding: 2px 0;font-weight: normal;color: #666;}
.amt-office-status{background-color: #f3f4f6;padding: 2px 5px;width: 35px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.amt-office-status.show{background-color: #0ab39c;color: #fff;}
.amt-office-status.icon{display: inline-block;width: 18px;height: 18px;font-size: 12px;text-align: center;vertical-align: middle;padding: 0;}


/* Cột action: auto width, nằm bên phải */
.amt-item .amt-item-action{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.amt-item .amt-item-action button{
  font-size:12px; float: left;
  border:1px solid #ddd;
  border-radius:4px;
  background:#f8f8f8;width: 30px;height: 30px;text-align: center;vertical-align: middle;
  cursor:pointer;
}

.amt-item .amt-item-action button:hover{
  background:#eee;
}

.amt-item .amt-item-action a{
  font-size:13px; float: left;
  border:1px solid #ddd;
  border-radius:4px;
  background:#f8f8f8;line-height: 30px;width: 30px;height: 30px;text-align: center;vertical-align: middle;
  cursor:pointer;color: #333;
}

.amt-item .amt-item-action a:hover{
  background:#eee;
}






/*-----  -----*/
/*----- ĐÓNG AMT MAIN -----*/
/*----- MỞ AMT FOOTER -----*/
#amt-footer{height: 70px;width: 100%;background-color: #fdfdfd;flex: 0 0 70px;display: flex;align-items: center;justify-content: space-between;}
#amt-footer .footerleft{display: block;background-color: #f9f9f9;height: 100%;width: 240px;border-right: 1px solid #e7e9eb;float: left;}
#amt-footer .footerright{width: calc(100% - 240px);height: 100%;float: left;line-height: 30px;padding: 20px;border-top: 1px solid #e7e9eb;}
/*----- ĐÓNG AMT FOOTER -----*/














/* ===== Dimmer + blur ===== */
.amt-dimmer{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);
  z-index:9999999999;display:none}
.amt-dimmer.show{display:block}
html.amt-blur .amt-blur-target{filter:blur(2px);}

/* ===== Modal (loading) ===== */
.amt-modal{position:fixed;left:50%;top:15%;transform:translateX(-50%);
  min-width:320px;max-width:92vw;background:#fff;border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:9999;display:none}
.amt-modal.show{display:block}
.amt-modal .hd{padding:10px 14px;border-bottom:1px solid #eee;font-weight:600}
.amt-modal .bd{padding:14px;display:flex;gap:10px;align-items:center}

/* ===== Spinner ===== */
.amt-spinner{width:20px;height:20px;border-radius:50%;border:3px solid #ddd;border-top-color:#111;
  animation:amtspin .9s linear infinite}
@keyframes amtspin{to{transform:rotate(360deg)}}

/* ===== Toasts ===== */
.amt-toasts{position:fixed;left:50%;top:20px;transform:translateX(-50%);
  z-index:1;display:flex;flex-direction:column;gap:10px;align-items:center}
.amt-toast{min-width:260px;max-width:92vw;background:#111;color:#fff;border-radius:10px;
  padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.25);
  display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(-10px);
  transition:opacity .2s ease, transform .2s ease}
.amt-toast.show{opacity:1;transform:translateY(0)}
.amt-toast .amt-icon{width:18px;height:18px;border-radius:50%;border:3px solid #fff;border-top-color:transparent;animation:amtspin .9s linear infinite}
.amt-toast.success{background:#16a34a}
.amt-toast.error{background:#dc2626}
.amt-toast.info{background:#111}

/* Pagination fallback nếu thiếu Tailwind */
.amt-pag > ul{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  list-style:none;
  padding:0;
  margin:.75rem 0 0;
}
.amt-pag li{ display:inline-block; }
.amt-pag a,
.amt-pag span{
  display:inline-flex;
  align-items:center;
  padding:.375rem .625rem;
  border:1px solid #e5e7eb;     /* gray-200 */
  border-radius:.5rem;           /* rounded */
  text-decoration:none;
  line-height:1.2;
  white-space:nowrap;
}
.amt-pag a:hover{ background:#f3f4f6; }       /* hover */
.amt-pag .is-disabled{ opacity:.5; pointer-events:none; }
.amt-pag .is-active{
  background:#000; color:#fff; border-color:#000;
}

/* ===== AMT01 CATEGORY TREE – COMPACT ===== */

.amt-tree {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size: 0.85rem;
}

.amt-tree .amt-tree-item {
    margin: 2px 0;
}

/* Cấp con thụt vào + đường kẻ trái */
.amt-tree .amt-tree-item > ul.amt-tree {
    list-style: none;
    margin: 2px 0 0 12px;
    padding-left: 5px;
    border-left: 1px solid #e5e7eb;
}

/* Thu gọn cấp con */
.amt-tree .amt-tree-item > ul.amt-tree.is-collapsed {
    display: none;
}

/* Hàng chính */
.amt-tree-row {
    display: flex;
    align-items: center;
}

.amt-tree-main {
    display: inline-flex;
    align-items: center;
    gap: 0;
    min-width: 0;
    padding: 2px 4px;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

.amt-tree-main:hover {
    background-color: #f9fafb;
}

/* Nút toggle */
.amt-tree-toggle {
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin-right: 0;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #111827;
    flex-shrink: 0;
}

/* Có con: mũi tên đóng/mở */
.amt-tree-toggle.has-children::before {
    content: '▸';
}
.amt-tree-toggle.has-children.is-open::before {
    content: '▾';
}

/* Không có con: chấm nhỏ, mờ và không click được */
.amt-tree-toggle {
    opacity: 1;
    cursor: default;
}
.amt-tree-toggle::before {
    content: '•';
    font-size: 0.55rem;
    position: relative;
    top: -1px;
    color:  #111827!important;
}

/* Label + checkbox */
.amt-tree-label {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    min-width: 0;
}

.amt-tree-checkbox {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 2px;
    cursor: pointer;
    accent-color: #2563eb;
    flex-shrink: 0;
}

.amt-tree-name {
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #111827;
    font-weight: 400;
    font-size: 13.5px;
}

/* Tag “đang chỉnh” */
.amt-tree-tag-self {
    font-size: 0.7rem;
    color: #9ca3af;
    margin-left: 0.25rem;
    font-style: italic;
}

/* Node bị disable (danh mục đang chỉnh) */
.amt-tree-checkbox[disabled] + .amt-tree-name,
.amt-tree-checkbox[disabled] ~ .amt-tree-name {
    color: #9ca3af;
    font-style: italic;
}

/* Nút action (dùng cho tree có nút sửa/xoá – nếu không dùng thì thôi) */
.amt-tree-action-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    font-size: 0.6rem;
    line-height: 1;
    color: #044ab6;
    flex-shrink: 0;
    margin-left: 10px;
}

.amt-tree-action-btn:hover {
    background-color: #abccff;
}

.amt-tree-btn-delete {
    color: #c32523;
}

.amt-tree-btn-delete:hover {
    background-color: #fee2e2;
}
.amt-tree-action-btn + .amt-tree-action-btn{}

/* Khi vùng chọn parent bị khoá vì "DANH MỤC CHÍNH" */
#parent-tree-wrapper.pointer-events-none .amt-tree-main {
    opacity: 0.6;
}
#parent-tree-wrapper.pointer-events-none .amt-tree-label {
    cursor: default;
}
#parent-tree-wrapper.pointer-events-none .amt-tree-checkbox {
    cursor: not-allowed;
}

.amt-dimmer {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.amt-dimmer.is-active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.amt-dimmer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
}

.amt-dimmer-spinner {
    position: relative;
    display: flex;
    gap: 0.3rem;
}

/* 3 chấm nhảy nhảy */
.amt-dimmer-spinner .dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: white;
    opacity: 0.6;
    animation: amt-dots 0.8s infinite alternate;
}
.amt-dimmer-spinner .dot:nth-child(2) { animation-delay: 0.15s; }
.amt-dimmer-spinner .dot:nth-child(3) { animation-delay: 0.3s; }

@keyframes amt-dots {
    from { transform: translateY(0);   opacity: 0.4; }
    to   { transform: translateY(-6px); opacity: 1; }
}

/*-----------*/
.amt-lang-editor-tabs {
    display: inline-flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;margin-bottom: 10px;
}

.amt-lang-editor-btn {
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    background: #f5f5f5;
    color: #333;
    cursor: pointer;
    outline: none; border: 0!important;
}

.amt-lang-editor-btn + .amt-lang-editor-btn {
    /*border-left: 1px solid #ddd;*/
}

.amt-lang-editor-btn.is-active {
    background: #14842f;
    color: #fff;
    border: 1px solid #14842f;
}
/*----------*/

/*----- Box Form 01 -----*/
.boxform-01{width: calc(100% - 260px);float: left;}
/*----- End Box Form 01 -----*/
/*----- Box Form 02 -----*/
.boxform-02{width: 240px;margin-left: 20px;float: left;padding: 20px; background-color: #efefef;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
/*----- End Box Form 02 -----*/

.boxgrade{display: block;width: 100%;}
.boxgrade label{border: 1px solid #e4e6e8;font-size: 13px;padding: 3px 5px;margin-top: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.boxgrade label + label{margin-left: 5px;}
.boxcoworking{padding: 10px;border:1px solid  #f3f4f6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;width: 100%;margin-top: 20px;}
.boxcoworkinggrade{display: block;width: 100%;}
.boxcoworkinggrade label{border: 1px solid #e4e6e8;font-size: 13px;padding: 3px 5px;margin-top: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.boxcoworkinggrade label + label{margin-left: 5px;}
.gach{display: block;width: 100%;height: 1px;background-color: #e5e7eb;content: '';float: left;margin-bottom: 20px;}
.bg20{background-color: #eee; padding: 20px;margin-bottom: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border: 1px solid  #f3f4f6;}
.bg18{background-color: #f9f9f9; padding: 20px;margin-bottom: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border: 1px solid  #f3f4f6;}
.bg19{background-color: #f9f9f9; padding: 20px;margin-bottom: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;border: 1px solid  #f3f4f6;}

.utilitie-list-old{display: block;width: 100%;margin-top: 20px!important;}
/* ===== Utilities row layout ===== */
.utilitie-item{
  display: flex;width: 100%;
  align-items: flex-start;
  gap: 5px; /* khoảng cách giữa name và nút xoá */
}

/* NAME ĂN HẾT */
.utilitie-item .name-utilitie{
  flex: 1 1 auto;
  margin: 0;
}

/* NÚT XOÁ: 32px */
.utilitie-item .btn-utilitie{
  flex: 0 0 32px;overflow: hidden;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;padding: 0;margin: 0;
}
.utilitie-remove-item{padding: 0;margin: 0;font-size: 12px;text-align: center;width: 32px;height: 32px;vertical-align: middle;}
.boxlinktablang{margin-top: 10px;}