* {margin: 0;padding: 0;box-sizing: border-box;outline: none;}
[style*="cursor: pointer"] {outline: none;}
* {outline: none !important;}
button, a, [style*="cursor: pointer"], input, select, textarea {outline: none !important;}
* {-webkit-tap-highlight-color: transparent;}
*:focus, *:active {outline: none !important;}
body {font-family: Arial, sans-serif;}
.tinhnang.active {background-color: #0033ffae;color: #fff;transition: transform 0.5s ease, background-color 0.5s ease, box-shadow 0.5s ease;justify-content: center;}
.button_onclick.active {background-color: #0033ffae;color: #fff;}
.menu-item-icon {transition: transform 0.3s ease;}
.menu-item-icon {margin-left: auto;}
.sidebar {height: 100%;width: 250px;position: fixed;z-index: 10000;top: 0;left: -250px;background-color: #ffffff;overflow-x: hidden;transition: transform 0.5s ease;box-shadow: 0 0 5px #0000007a;}
.sidebar::-webkit-scrollbar {width: 1px;}
.sidebar.open {transform: translateX(250px);}
.sidebar h2 {color: #000;text-align: center;}
.sidebar ul {list-style-type: none;padding: 0;}
.sidebar ul li {padding: 15px;text-align: center;}
.sidebar ul li a {color: #000;text-decoration: none;display: block;transition: 0.3s;}
.sidebar ul li:hover {background-color: #575757;}
.sidebar .closebtn {position: absolute;top: 10px;right: 25px;font-size: 36px;color: rgba(255, 255, 255, 0);}
.openbtn {font-size: 20px;cursor: pointer;background-color: #111;color: white;border: none;padding: 10px 15px;margin-left: 20px;}
.openbtn:hover {background-color: #444;}
#main {padding: 16px;transition: margin-left 0.5s;}
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: saturate(2) blur(2px);z-index: 9999;opacity: 0;visibility: hidden;transition: opacity 0.5s ease;}
#overlay.active {opacity: 1;visibility: visible;}
.sidebar .ngang {background-color: #fff0;padding: 5px;align-items: center;display: flex;position: sticky;top: 0;backdrop-filter: saturate(5) blur(20px);}
.sidebar button {background-color: #ffffff00;border: none;margin-top: 5px;margin-right: 10px;margin-left: auto;cursor: pointer;}
.sidebar img {width: 80%;height: auto;margin: 0 0 0 auto;}
@media (min-width: 1100px) {.sidebar {position: sticky;left: 0;}
.sidebar button {display: none;}
.sidebar img {margin: auto;}}
.thongtin-ngang {display: flex;align-items: center;padding: 0 10px;margin: 5px 15px;border-radius: 8px;background-color: #e0dede7f;border: 1px solid #b0b0b0;box-shadow: 0 0 5px #1111113a;}
.a-1 {display: flex;}
.a-2 {margin: 0 8px;overflow: hidden;text-overflow: ellipsis;max-width: 100px;white-space: nowrap;}
.b-main {display: flex;align-items: center;padding: 5px 10px;margin: 5px 15px;border-radius: 8px;background-color: #0033ffae;border: 1px solid #b0b0b086;box-shadow: 0 0 5px #1111114d;cursor: pointer;}
.b-main i {font-size: 17px;margin-top: 5px;color: #ffffff;}
.b-main p {color: #ffffff;font-size: 13px;margin: 0 5px;}
.b-main:hover {background-color: #3c00ff;}
.b-dichvu , .button_onclick {color: #000;display: flex;align-items: center;padding: 5px 10px;margin: 8px 15px;border-radius: 8px;background-color: #f2e8e841;border: 1px solid #ddd5d5aa;box-shadow: 0 0 5px #1111111a;cursor: pointer;transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;}
.b-dichvu i , .button_onclick i {font-size: 17px;margin-top: 5px;}
.b-dichvu p , .button_onclick p {font-size: 13px;margin: 0 5px;}
.b-dichvu:hover , .button_onclick:hover {background-color: #ece4e4;color: #000;transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;box-shadow: 0 0 5px rgba(17, 17, 17, 0.1);}
.menu-b-one {display: flex;flex-direction: column;max-height: 0;overflow: hidden;transition: max-height 0.5s ease;}
.menu-b-one.open {max-height: 200px;}
.menu-b-one p {font-size: 12px;}
.menu-b-one i {font-size: 16px;margin-right: 3px;}
.menu-b-one .tinhnang {padding: 8px 8px;align-items: center;margin: 3px 15px;cursor: pointer;border-radius: 8px;display: flex;transition: transform 0.5s ease, background 0.5s ease, box-shadow 0.5s ease;}
.tinhnang:hover {background-color: #ece4e4;box-shadow: 0 0 5px rgba(17, 17, 17, 0.1);border-radius: 8px;justify-content: center;transform: scale(1.02);color: #000000;}
#icon-bank {width: 26px;height: 26px;margin-right: 5px;border-radius: 5px;}
.anh-url-icon-bank {display: flex;padding: 0px;}