@charset "UTF-8";
.searchPage-header-search .content__title__searchbar__left {
  width: 30% !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  background-color: #f2f5f8 !important;
  border-radius: 8px !important;
  margin-right: 24px !important;
  margin-left: 0px !important; }

.user-form .caption {
  color: blue;
  font-weight: bold; }

.user-greeting {
  font-weight: bold; }

.el-pagination li.active {
  background-color: #0F4871 !important; }

table td {
  vertical-align: top !important; }

#search-basic-detail table thead th:nth-child(4) {
  width: 122px !important; }

#search-basic-detail table thead th:nth-child(n) {
  background-color: #fafafa !important; }

.set-font-size * {
  font-size: 15px !important; }

.content__body__item__heading__status--primary {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 4px 12px;
  background: #366ae2;
  border-radius: 100px; }

.content__body__item__heading__status--warning {
  background-color: #fc8003;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 4px 12px;
  border-radius: 100px; }

.content__body__item__heading__status--danger {
  background-color: #e14337;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 4px 12px;
  border-radius: 100px; }

.notifications .active {
  background-color: var(--primary-color) !important; }

.notifications .active a {
  color: #ffffff; }

.header-violate {
  font-size: 20px;
  font-weight: 600;
  color: #262626; }

@media (min-width: 1124px) and (max-width: 1600px) {
  #organization-personally-violate .list-card .card .card-body .content-information .content-information-detail {
    gap: 100px !important; } }

@media (max-width: 1123px) {
  #organization-personally-violate .list-card .card .card-body .content-information .content-information-detail {
    gap: 45px !important; } }

.modalStyle .ant-modal-body {
  padding: 0px; }

.modalStyle .ant-modal-footer {
  display: none; }

.circle-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffd030;
  /* Màu vàng */
  border: none;
  outline: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.3s ease; }

.circle-button:hover {
  background-color: #ffcc00;
  /* Màu vàng nhạt khi hover */ }

.circle-button .close-icon {
  position: absolute;
  color: darkred;
  font-weight: bold;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* font-weight: normal; */
  transition: font-weight 0.3s ease; }

.circle-button:hover .close-icon {
  font-weight: bold;
  /* Chữ X đậm hơn khi hover */ }

.ant-modal-title {
  color: black; }

.text-loading {
  width: 318px;
  height: 63px;
  margin: auto;
  position: absolute;
  left: 24px;
  right: 0;
  top: 200px;
  bottom: 0;
  font-size: 37px;
  font-weight: bold;
  color: white; }

.loadding-page {
  width: 100%;
  height: 100%;
  background: #bdb6b8;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 9999; }

.cssload-box-loading {
  width: 49px;
  height: 49px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.cssload-box-loading:before {
  content: '';
  width: 49px;
  height: 5px;
  background: #000000;
  opacity: 0.1;
  position: absolute;
  top: 58px;
  left: 0;
  border-radius: 50%;
  animation: shadow 0.58s linear infinite;
  -o-animation: shadow 0.58s linear infinite;
  -ms-animation: shadow 0.58s linear infinite;
  -webkit-animation: shadow 0.58s linear infinite;
  -moz-animation: shadow 0.58s linear infinite; }

.cssload-box-loading:after {
  content: '';
  width: 49px;
  height: 49px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  animation: cssload-animate 0.58s linear infinite;
  -o-animation: cssload-animate 0.58s linear infinite;
  -ms-animation: cssload-animate 0.58s linear infinite;
  -webkit-animation: cssload-animate 0.58s linear infinite;
  -moz-animation: cssload-animate 0.58s linear infinite; }

@keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px; }
  25% {
    transform: translateY(9px) rotate(22.5deg); }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px; }
  75% {
    transform: translateY(9px) rotate(67.5deg); }
  100% {
    transform: translateY(0) rotate(90deg); } }

@-o-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px; }
  25% {
    -o-transform: translateY(9px) rotate(22.5deg); }
  50% {
    -o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px; }
  75% {
    -o-transform: translateY(9px) rotate(67.5deg); }
  100% {
    -o-transform: translateY(0) rotate(90deg); } }

@-ms-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px; }
  25% {
    -ms-transform: translateY(9px) rotate(22.5deg); }
  50% {
    -ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px; }
  75% {
    -ms-transform: translateY(9px) rotate(67.5deg); }
  100% {
    -ms-transform: translateY(0) rotate(90deg); } }

@-webkit-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px; }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg); }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px; }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg); }
  100% {
    -webkit-transform: translateY(0) rotate(90deg); } }

@-moz-keyframes cssload-animate {
  17% {
    border-bottom-right-radius: 3px; }
  25% {
    -moz-transform: translateY(9px) rotate(22.5deg); }
  50% {
    -moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px; }
  75% {
    -moz-transform: translateY(9px) rotate(67.5deg); }
  100% {
    -moz-transform: translateY(0) rotate(90deg); } }

@keyframes shadow {
  0%,
  100% {
    transform: scale(1, 1); }
  50% {
    transform: scale(1.2, 1); } }

@-o-keyframes shadow {
  0%,
  100% {
    -o-transform: scale(1, 1); }
  50% {
    -o-transform: scale(1.2, 1); } }

@-ms-keyframes shadow {
  0%,
  100% {
    -ms-transform: scale(1, 1); }
  50% {
    -ms-transform: scale(1.2, 1); } }

@-webkit-keyframes shadow {
  0%,
  100% {
    -webkit-transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.2, 1); } }

@-moz-keyframes shadow {
  0%,
  100% {
    -moz-transform: scale(1, 1); }
  50% {
    -moz-transform: scale(1.2, 1); } }

.content__search__list {
  align-self: auto !important; }

@media (max-width: 740px) {
  .searchPage-header-search .content__title__searchbar {
    width: 100% !important;
    height: 140px !important;
    display: block !important; }
  .searchPage-header-search .content__title__searchbar__left {
    width: 100% !important;
    margin: 5px 0px !important; }
  .ant-btn {
    margin: 5px 0px;
    display: block !important;
    text-align: center !important;
    width: inherit; }
  .search-type-bar {
    padding-right: 0px !important; } }

@media (min-width: 740px) and (max-width: 1023px) {
  .searchPage-header-search .content__title__searchbar__left {
    width: 38% !important; } }

.ant-radio-group {
  display: block !important; }

.ant-radio-wrapper {
  white-space: inherit !important;
  display: flex !important; }

.content__search__title__option label:nth-child(2) {
  opacity: 1 !important; }

.content__search__item .label {
  opacity: 1 !important; }

#home .content__body__options__item__text {
  font-size: 19px !important; }

.download__guide {
  width: 100%;
  font-style: italic;
  cursor: pointer;
  color: #be8a4b; }

.download__guide :hover {
  text-decoration: none !important; }

.user-form .caption {
  color: blue;
  font-weight: bold; }

.user-greeting {
  font-weight: bold; }

.search-button:hover {
  background-color: #a36822; }

.title__notify {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; }

.el-tooltip__popper {
  width: 300px !important; }

.content__search__item .label {
  opacity: 1; }

.content__search__title__option label:nth-child(2) {
  opacity: 1; }

#home .content__body__options__item__text {
  font-size: 20px; }

#home .content__body__main__heading {
  font-weight: 450; }

.btn-active {
  color: #fff !important;
  background-color: #0f4871 !important;
  border-color: #0f4871 !important; }

.width_date_antdv {
  width: 47%; }

.width_date_space_antdv {
  width: 4%;
  margin: 0px 10px 0px 10px; }

.btn-reNew {
  border: none;
  color: white;
  background: #0f4871;
  border-radius: 8px;
  padding: 9px 16px;
  height: 100%;
  width: 20px; }

#goods-table thead th {
  font-weight: 600;
  background: #fafafa;
  vertical-align: top !important;
  text-align: left; }

#goods-table tbody td {
  text-align: left !important;
  word-break: break-word; }

#goods-table {
  table-layout: auto; }

.card-body {
  word-break: break-word; }