@import url(https://fonts.googleapis.com/css?family=Lato:300);
/* purgecss start ignore */

.navbar{
  background:rgba(0,0,0,0);
  padding:.5rem;
  margin:0 auto;
  justify-content:space-between
}

.navbar a>i{
  font-size:2rem
}

.navbar .dropdown-button img{
  margin-right:.5rem
}

.btn-chatbot{
  width:150px;
  height:150px;
  border-radius:50%;
  transition:.3s
}

.btn-chatbot:hover{
  cursor:pointer;
  transform:scale(1.08);
  transform:translateY(100)
}

.ant-drawer-content-wrapper{
  transition:all .5s !important
}

/* purgecss end ignore */
/* purgecss start ignore */

.sidebar-new{
  box-shadow:2px 0px 5px #cdcbcb !important;
  border-radius:0 5px 8px 0
}

.sidebar-new .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{
  padding:0 15px !important
}

.sidebar-new .ant-menu-vertical{
  border-right:none
}

.sidebar-new .ant-menu-item{
  padding:0 0 5px 15px !important;
  align-items:center
}

.sidebar-new .ant-menu-submenu-title{
  padding:0 13px !important
}

.sidebar-new .sidebar-header{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}

.sidebar-new .sidebar-header span{
  font-size:1.2rem;
  font-weight:600
}

.sidebar-new .sidebar-header .logo{
  width:100px;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%
}

.sidebar-new .sidebar-header .logo img{
  width:60%
}

.sidebar-new .line{
  display:flex;
  justify-content:center
}

.sidebar-new .line span{
  height:1px;
  background:#fff;
  margin-bottom:1rem;
  width:80%;
  display:flex
}

.sidebar-new .sidebar-list{
  padding:5px
}

.sidebar-new .sidebar-list a{
  padding:5px;
  font-size:1.2rem
}

.sidebar-new .sidebar-list a i{
  margin-right:.5rem
}

.sidebar-new .scroll-bar::-webkit-scrollbar{
  width:6px;
  height:6px
}

.sidebar-new .scroll-bar::-webkit-scrollbar-track{
  border-radius:10px;
  background:rgba(0,0,0,.1)
}

.sidebar-new .scroll-bar::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:rgba(0,0,0,.2)
}

.sidebar-new .scroll-bar::-webkit-scrollbar-thumb:hover{
  background:rgba(0,0,0,.4)
}

.sidebar-new .scroll-bar::-webkit-scrollbar-thumb:active{
  background:rgba(0,0,0,.9)
}

.sidebar-new #new .w-full.pl-3.py-3.card_theme.text-xs.text-blue-theme::after{
  content:"New";
  color:#fff;
  background-color:red;
  padding:3px 10px;
  border-radius:50%;
  margin-left:10px;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  right:0px
}

.sidebar-new .new_badge{
  background-color:red;
  color:#fff;
  padding:3px;
  font-size:10px;
  left:67%;
  line-height:1;
  top:26%;
  animation:flash 1s infinite alternate
}

.sidebar-new #new .ant-menu-submenu-title.new_badge{
  color:#fff;
  background-color:red;
  position:absolute;
  top:10%;
  left:10%
}

.sidebar-new .sidebarItem .ant-collapse{
  background-color:rgba(0,0,0,0) !important
}

.sidebar-new .sidebarItem .ant-collapse .ant-collapse-item .ant-collapse-header{
  padding-left:30px
}

.sidebar-new .ant-menu-sub.ant-menu-inline>.ant-menu-item{
  height:auto !important
}

.sidebar-new .ant-collapse>.ant-collapse-item{
  border-bottom:none
}

.sidebar-new .ant-collapse-header{
  padding:5px 0 5px 30px !important
}

.sidebar-new .ant-collapse-content>.ant-collapse-content-box{
  padding:0
}

.sidebar-new .custom-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:center
}

.sidebar-new .custom-panel-header .dropdown-icon{
  margin-left:auto
}

.sidebar-new .menu-boChungChi .ant-menu-submenu-title{
  display:flex;
  height:15px !important;
  padding:-10px !important
}

.sidebar-new .chiaSeMienPhi{
  overflow:visible !important
}

.sidebar-new .chiaSeMienPhi .burst-shape{
  width:45px;
  height:45px;
  background:red;
  -webkit-clip-path:polygon(50% 0%, 60% 30%, 90% 10%, 75% 40%, 100% 50%, 75% 60%, 90% 90%, 60% 75%, 50% 100%, 40% 75%, 10% 90%, 25% 60%, 0% 50%, 25% 40%, 10% 10%, 40% 30%);
  clip-path:polygon(50% 0%, 60% 30%, 90% 10%, 75% 40%, 100% 50%, 75% 60%, 90% 90%, 60% 75%, 50% 100%, 40% 75%, 10% 90%, 25% 60%, 0% 50%, 25% 40%, 10% 10%, 40% 30%);
  position:relative;
  z-index:99;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  font-family:sans-serif;
  animation:pop .4s ease-in-out
}

@keyframes pop{
  0%{
    transform:scale(0.2) rotate(0deg);
    opacity:0
  }

  100%{
    transform:scale(1) rotate(360deg);
    opacity:1
  }
}

@keyframes flash{
  0%,100%{
    transform:scale(1)
  }

  50%{
    transform:scale(1.2)
  }
}

.sidebar-new #new .w-full.pl-3.py-3.card_theme.text-xs.text-blue-theme{
  position:relative
}

.sidebar-new .nhanUuDai .ant-menu-submenu-title{
  padding-left:-10px !important
}

.ant-layout-sider-light .ant-layout-sider-trigger{
  background:rgba(248,180,97,.831372549) !important;
  font-size:1.2rem;
  color:#fff !important;
  border-radius:0 0 10px 0;
  box-shadow:3px 10px 8px #cdcbcb
}

.ant-menu-item .text-wrap{
  display:block;
  white-space:normal
}

.ant-menu-item-selected{
  background-color:#f0f0f0 !important;
  color:#1890ff !important;
  font-weight:bold
}

.ant-menu-item:hover{
  background-color:#e6f7ff !important
}

.ant-menu-inline{
  border-right:none !important
}

.boChungChi::-webkit-scrollbar{
  width:6px;
  height:6px
}

.boChungChi::-webkit-scrollbar-track{
  border-radius:10px;
  background:rgba(0,0,0,.1)
}

.boChungChi::-webkit-scrollbar-thumb{
  border-radius:10px;
  background:rgba(0,0,0,.2)
}

.boChungChi::-webkit-scrollbar-thumb:hover{
  background:rgba(0,0,0,.4)
}

.boChungChi::-webkit-scrollbar-thumb:active{
  background:rgba(0,0,0,.9)
}

/* purgecss end ignore */
/* purgecss start ignore */

.thongBaoNo {
  --border-width: 3px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  color: white;
  /* background: #222; */
  background: white;
  border-radius: var(--border-width);
}

.thongBaoNo::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  /* background: linear-gradient(
    60deg,
    #5f86f2,
    #a65ff2,
    #f25fd0,
    #f25f61,
    #f2cb5f,
    #abf25f,
    #5ff281,
    #5ff2f0
  ); */
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: calc(2 * var(--border-width));
  animation: moveGradient 4s alternate infinite;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.sidebar{
  width:100%;
  height:100%;
  background:#272635
}

.sidebar .sidebar-header{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:3rem 0
}

.sidebar .sidebar-header span{
  color:#fff;
  margin-top:1rem;
  font-size:1.2rem;
  font-weight:600
}

.sidebar .sidebar-header .logo{
  width:100px;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:50%
}

.sidebar .sidebar-header .logo img{
  width:60%
}

.sidebar .line{
  display:flex;
  justify-content:center
}

.sidebar .line span{
  height:1px;
  background:#fff;
  margin-bottom:1rem;
  width:80%;
  display:flex
}

.sidebar .sidebar-list{
  padding:5px;
  background-color:#272635
}

.sidebar .sidebar-list a{
  padding:5px;
  color:#fff;
  font-size:1.2rem;
  text-transform:uppercase
}

.sidebar .sidebar-list a i{
  margin-right:.5rem
}

/* purgecss end ignore */

/*# sourceMappingURL=main~ea1f58e8.cfba4124.chunk.css.map*/