.main-header-gsdt {
  background-color: #0F4871;
  border-radius: 8px;
  padding: 12px 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 24px 0px; }

#opportunity-analysis .table-tab1 thead:first-child th {
  background: #fafafa; }

.background-column-primary {
  background: #AED7F4 !important; }

.table-group-dv tbody th {
  vertical-align: middle !important; }

.text-table-bl {
  color: #404040 !important; }

@media (max-width: 1240px) {
  #tender-supervision {
    padding: 0px 10px; } }

.select-tender-supervision {
  border-radius: 8px;
  background: #EDF2FD;
  border: 1px gainsboro;
  padding: 8px 16px;
  margin-bottom: 16px; }

.width_date_antdv {
  width: 47%; }

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

/* filter-one */
#filter-one .filter__content {
  border-left: 1px solid #d9d9d9; }

#filter-one .filter__content {
  padding: 32px 0px;
  padding-left: 24px; }

#filter-one .filter__sidebar {
  padding: 32px 0px; }

@media (max-width: 575px) {
  #filter-one .filter__content {
    padding: 16px 0px; }
  #filter-one .filter__sidebar {
    padding: 16px 0px; } }

#filter-one .filter__sidebar ul li.active {
  background-color: #0f4871;
  cursor: pointer;
  padding: 8.5px 8.5px !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; }

#filter-one .filter__sidebar ul li {
  background-color: white;
  cursor: pointer;
  padding: 8.5px 8.5px !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; }

#filter-one .filter__sidebar ul li p {
  color: #262626;
  font-weight: 600; }

#filter-one .filter__sidebar ul li.active p {
  color: white;
  font-weight: 600; }

#filter-one .filter__sidebar__button {
  border: 1px solid #edf6fd;
  background-color: #edf6fd;
  color: #0f4871;
  height: 40px;
  margin-left: 6px;
  width: 92%; }

#filter-one .filter__sidebar__button p {
  font-weight: 500; }

#filter-one .filter__content__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #262626; }

#filter-one .filter__content__tag {
  background-color: #eef2fd;
  padding: 4px 8px;
  margin: 8px;
  border-radius: 1rem;
  color: #366ae2;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px; }

#filter-one .filter__content__btnedit {
  height: 40px;
  border: 1px solid #faf5f0;
  background-color: #faf5f0;
  color: #be8a4b;
  border-radius: 8px;
  padding: 0px 16px;
  margin-right: 8px; }

#filter-one .filter__content__btnedit p {
  font-weight: 500; }

#filter-one .filter__content__btndelete {
  height: 40px;
  border: 1px solid #FCEEED;
  background-color: #fceeed;
  color: #e14337;
  padding: 0px 16px;
  border-radius: 8px; }

#filter-one .filter__content__btndelete p {
  font-weight: 500; }

#filter-one .filter__content__update__text {
  color: #595959; }

#filter-one .filter__content__search {
  border-radius: 8px;
  width: 160px;
  height: 40px; }

#filter-one .filter__content__search input {
  background-color: #f2f5f8; }

#filter-one .filter__content__search input::placeholder {
  color: #b3b3b3; }

#filter-one .filter__content__search input:focus {
  background-color: #f2f5f8; }

#filter-one .filter__content__refresh {
  height: 40px;
  border: 1px solid white;
  background-color: #0f4871;
  color: white;
  padding: 0px 16px;
  border-radius: 8px; }

#filter-one .filter__content__refresh p {
  font-weight: 500; }

#filter-one .search__box__tags {
  margin-right: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 10px; }

#filter-one .filter__content__searchbox {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  margin-top: 16px; }

#filter-one .filter__content__searchbox__content {
  height: 64px;
  overflow: hidden; }

#filter-one .filter__content__searchbox__content__title {
  margin-left: 4px;
  font-weight: 600;
  font-size: 12px;
  color: #262626; }

#filter-one .filter__content__searchbox__stack {
  position: absolute;
  border: none;
  border-radius: 8px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8)); }

#filter-one .filter__content__searchbox__tagkey {
  background-color: #f5f5f5;
  padding: 4px 8px;
  margin: 4px;
  border-radius: 1rem;
  color: #595959;
  font-size: 12px; }

#filter-one .filter__content__searchbox__expand {
  cursor: pointer; }

#filter-one .filter__content__searchbox__expand p {
  color: #366ae2;
  font-weight: 500;
  margin-right: 8px; }

#filter-one .filter__content__searchbox__unexpand {
  cursor: pointer;
  display: none !important; }

#filter-one .filter__content__searchbox__unexpand p {
  color: #366ae2;
  font-weight: 500;
  margin-right: 8px; }

#filter-one .filter__content__searchbox__unexpand img {
  transform: rotate(180deg); }

#filter-one .filter__content__statistical {
  margin-top: 16px; }

#filter-one .filter__content__statistical--blue {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  background-color: #366ae2;
  border-radius: 1rem; }

#filter-one .filter__content__statistical--green {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  background-color: #39ac6d;
  border-radius: 1rem; }

@media (max-width: 575px) {
  #filter-one .filter__content {
    border: none; }
  #filter-one .filter__sidebar ul li.active {
    border-radius: 8px; }
  #filter-one .filter__sidebar ul li {
    border-radius: 8px; }
  #filter-one .filter__sidebar__button {
    width: 100%; } }

/* modal */
#filter-one .filter__modal__close__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin-right: -12px;
  margin-top: -18px;
  font-size: 1.5rem;
  padding: 0px 5px;
  background-color: white !important;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 6px rgba(45, 50, 57, 0.06); }

#filter-one .modal-dialog {
  max-width: 1224px; }

#filter-one .filter__modal__title--bold {
  font-weight: 600;
  color: #262626;
  font-size: 20px; }

#filter-one .filter__modal__key p {
  font-weight: 500;
  color: #404040; }

/* input ten bo loc */
#filter-one .filter__modal__keyword__btn {
  border: none;
  padding: 0px 8px;
  border-radius: 8px;
  background-color: #0f4871;
  color: #ffffff; }

#filter-one .filter__modal__keywork__tag {
  background-color: #f5f5f5;
  padding: 4px 8px;
  font-size: 12px;
  margin: 4px;
  border-radius: 1rem;
  color: #595959; }

#filter-one .filter__modal__input::placeholder {
  color: #b3b3b3; }

#filter-one .filter__modal__select option {
  color: #404040; }

#filter-one .main__table__col__checkbox__label {
  display: block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#filter-one .main__table__col__checkbox__label p {
  margin-top: -3px;
  color: #404040; }

#filter-one .main__table__col__checkbox__label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

#filter-one .main__table__col__checkbox__span {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: white;
  border: 2px solid #d9d9d9;
  border-radius: 2px; }

#filter-one .main__table__col__checkbox__label input:checked ~ .main__table__col__checkbox__span {
  background-color: #0f4871;
  background-image: url("../icons/checked.svg");
  background-repeat: no-repeat;
  background-position: 3px;
  border: none; }

#filter-one .filter__modal__btn {
  display: flex;
  justify-content: end;
  margin-top: 24px; }

#filter-one .filter__modal__btn__cancel {
  border: none;
  background-color: #f5f5f5;
  margin-right: 8px;
  border-radius: 8px;
  padding: 9px 16px;
  color: #7a7a7a; }

#filter-one .filter__modal__btn__save {
  background-color: #0f4871;
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  color: #ffffff; }

#filter-one .filter__modal__price {
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: #b3b3b3;
  margin: 16px -20px; }

@media (max-width: 575px) {
  #filter-one .filter__modal__price {
    display: none; }
  #filter-one .filter__sidebar__button {
    margin-left: 0px; } }

/* filter-two */
#filter-two .filter__content {
  border-left: 1px solid #d9d9d9; }

#filter-two .filter__content {
  padding: 32px 0px;
  padding-left: 24px; }

#filter-two .filter__sidebar {
  padding: 32px 0px; }

@media (max-width: 575px) {
  #filter-two .filter__content {
    padding: 16px 0px; }
  #filter-two .filter__sidebar {
    padding: 16px 0px; } }

#filter-two .filter__sidebar ul li.active {
  color: white;
  background-color: #0f4871;
  cursor: pointer;
  padding: 8.5px 8.5px !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; }

#filter-two .filter__sidebar ul li {
  color: #262626;
  background-color: white;
  cursor: pointer;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 8.5px 8.5px !important; }

#filter-two .filter__sidebar ul li p {
  color: #262626;
  font-weight: 600; }

#filter-two .filter__sidebar ul li.active p {
  color: white;
  font-weight: 600; }

#filter-two .filter__sidebar__button {
  border: 1px solid #edf6fd;
  background-color: #edf6fd;
  color: #0f4871;
  height: 40px;
  margin-left: 6px;
  width: 92%; }

#filter-two .filter__sidebar__button p {
  font-weight: 500; }

/* content */
#filter-two .filter__content__title {
  font-size: 20px;
  font-weight: 600;
  color: #262626; }

#filter-two .filter__content__tag {
  background-color: #eef2fd;
  padding: 4px 8px;
  margin: 8px;
  border-radius: 1rem;
  color: #366ae2;
  cursor: pointer; }

#filter-one .filter__content__btnsetdefault {
  height: 40px;
  border: 1px solid #eef2fd;
  background-color: #eef2fd;
  color: #366ae2;
  border-radius: 8px;
  padding: 0px 16px;
  margin-right: 8px; }

#filter-one .filter__content__btnsetdefault p {
  font-weight: 500; }

#filter-two .filter__content__btnedit {
  height: 40px;
  border: 1px solid #faf5f0;
  background-color: #faf5f0;
  color: #be8a4b;
  border-radius: 8px;
  padding: 0px 16px;
  margin-right: 8px; }

#filter-two .filter__content__btnedit p {
  font-weight: 500; }

#filter-two .filter__content__btndelete {
  height: 40px;
  border: 1px solid #FCEEED;
  background-color: #fceeed;
  color: #e14337;
  padding: 0px 16px;
  border-radius: 8px; }

#filter-two .filter__content__btndelete p {
  font-weight: 500; }

#filter-two .filter__content__update__text {
  color: #595959; }

#filter-two .filter__content__search {
  background-color: #f2f5f8;
  border-radius: 8px;
  width: 160px;
  height: 40px; }

#filter-two .filter__content__search input {
  background-color: #f2f5f8; }

#filter-two .filter__content__search input::placeholder {
  color: #b3b3b3; }

#filter-two .filter__content__search input:focus {
  background-color: #f2f5f8; }

#filter-two .filter__content__refresh {
  height: 40px;
  border: 1px solid white;
  background-color: #0f4871;
  color: white;
  padding: 0px 16px;
  border-radius: 8px; }

#filter-two .filter__content__refresh p {
  font-weight: 500; }

#filter-two .search__box__tags {
  margin-right: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 10px; }

#filter-two .filter__content__searchbox {
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  margin-top: 16px; }

#filter-two .filter__content__searchbox__content {
  height: 64px;
  overflow: hidden; }

#filter-two .filter__content__searchbox__content__title {
  font-weight: 600;
  font-size: 12px;
  color: #262626; }

#filter-two .filter__content__searchbox__stack {
  position: absolute;
  border: none;
  border-radius: 8px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8)); }

#filter-two .filter__content__searchbox__tagkey {
  background-color: #f5f5f5;
  padding: 4px 8px;
  margin: 4px;
  border-radius: 1rem;
  color: #595959;
  font-size: 12px; }

#filter-two .filter__content__searchbox__expand {
  cursor: pointer; }

#filter-two .filter__content__searchbox__expand p {
  color: #366ae2;
  font-weight: 500;
  margin-right: 8px; }

#filter-two .filter__content__searchbox__unexpand {
  cursor: pointer;
  display: none !important; }

#filter-two .filter__content__searchbox__unexpand p {
  color: #366ae2;
  font-weight: 500;
  margin-right: 8px; }

#filter-two .filter__content__searchbox__unexpand img {
  transform: rotate(180deg); }

#filter-two .filter__content__statistical--blue {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 0.1rem solid #366ae2;
  background-color: #366ae2;
  border-radius: 1rem; }

#filter-two .filter__content__statistical--green {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 0.1rem solid #39ac6d;
  background-color: #39ac6d;
  border-radius: 1rem; }

@media (max-width: 575px) {
  #filter-two .filter__content {
    border: none; }
  #filter-two .filter__sidebar ul li.active {
    border-radius: 8px; }
  #filter-two .filter__sidebar ul li {
    border-radius: 8px; }
  #filter-two .filter__sidebar__button {
    width: 100%; } }

/* modal */
#filter-two .filter__modal__close__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin-right: -12px;
  margin-top: -18px;
  font-size: 1.5rem;
  padding: 0px 5px;
  background-color: white !important;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 6px rgba(45, 50, 57, 0.06); }

#filter-two .modal-dialog {
  max-width: 1224px; }

#filter-two .filter__modal__title--bold {
  font-weight: 600;
  color: #262626;
  font-size: 20px; }

#filter-two .filter__modal__key p {
  font-weight: 500;
  color: #404040; }

/* input ten bo loc */
#filter-two .filter__modal__keyword__btn {
  border: none;
  padding: 0px 8px;
  border-radius: 8px;
  background-color: #0f4871;
  color: #ffffff; }

#filter-two .filter__modal__keywork__tag {
  background-color: #f5f5f5;
  padding: 4px 8px;
  font-size: 12px;
  margin: 4px;
  border-radius: 1rem;
  color: #595959; }

#filter-two .filter__modal__input::placeholder {
  color: #b3b3b3; }

#filter-two .filter__modal__select option {
  color: #404040; }

#filter-two .main__table__col__checkbox__label {
  display: block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#filter-two .main__table__col__checkbox__label p {
  margin-top: -3px;
  color: #404040; }

#filter-two .main__table__col__checkbox__label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

#filter-two .main__table__col__checkbox__span {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: white;
  border: 2px solid #d9d9d9;
  border-radius: 2px; }

#filter-two .main__table__col__checkbox__label input:checked ~ .main__table__col__checkbox__span {
  background-color: #0f4871;
  background-image: url("../icons/checked.svg");
  background-repeat: no-repeat;
  background-position: 3px;
  border: none; }

#filter-two .filter__modal__btn {
  display: flex;
  justify-content: end;
  margin-top: 24px; }

#filter-two .filter__modal__btn__cancel {
  border: none;
  background-color: #f5f5f5;
  margin-right: 8px;
  border-radius: 8px;
  padding: 9px 16px;
  color: #7a7a7a; }

#filter-two .filter__modal__btn__save {
  background-color: #0f4871;
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  color: #ffffff; }

#filter-two .filter__modal__price {
  position: absolute;
  width: 10px;
  height: 1px;
  background-color: #b3b3b3;
  margin: 16px -20px; }

@media (max-width: 575px) {
  #filter-two .filter__modal__price {
    display: none; } }

@media (max-width: 388px) {
  #filter-one .filter__content__btnsetdefault {
    margin-right: 0px;
    margin-bottom: 8px;
    width: 100%; }
  #filter-two .filter__content__btnedit {
    margin-right: 0px;
    margin-bottom: 8px;
    width: 100%; }
  #filter-two .filter__content__btndelete {
    width: 100%; }
  #filter-two .filter__sidebar__button {
    margin-left: 0px; } }

/* statistical-analysis */
#statistical-analysis .statistical__analysis {
  margin-top: 32px; }

#statistical-analysis .statistical__analysis__title {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#statistical-analysis .statistical__analysis__title p {
  color: #262626;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px; }

#statistical-analysis .statistical__analysis__filter {
  display: flex;
  align-items: center;
  justify-content: space-around; }

#statistical-analysis .statistical__analysis__title h5 {
  padding-left: 10px; }

#statistical-analysis .statistical__analysis__title select {
  background-color: #f5f5f5;
  border-radius: 8px;
  border: none;
  padding: 9px 16px;
  width: 100%; }

#statistical-analysis .statistical__analysis__title input {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  width: 100%; }

#statistical-analysis .statistical__analysis__col {
  margin: 0;
  padding: 4px; }

#statistical-analysis .reporting__period__select {
  height: 40px; }

#statistical-analysis .statistical__analysis__col__fromdate {
  height: 40px; }

#statistical-analysis .statistical__analysis__col__fromdate::placeholder {
  color: #b3b3b3; }

#statistical-analysis .statistical__analysis__col__todate {
  height: 40px; }

#statistical-analysis .statistical__analysis__col__todate::placeholder {
  color: #b3b3b3; }

#statistical-analysis .statistical__analysis__to {
  right: 16px;
  top: 35%; }

#statistical-analysis .statistical__analysis__from {
  right: 16px;
  top: 35%; }

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

#statistical-analysis .statistical__analysis__body {
  margin: 24px 0; }

#statistical-analysis .btn-nav {
  padding: 12px;
  background: #f5f5f5;
  border: none; }

#statistical-analysis .nav-tabs {
  border-bottom: 1px solid #f0f0f0; }

#statistical-analysis .nav-tabs li:has(.active) {
  color: #0f4871;
  border-bottom: 2px solid; }

#statistical-analysis .nav-tabs li {
  padding: 13px 16px; }

#statistical-analysis .nav-tabs a.active {
  color: #0f4871;
  font-weight: 500;
  text-decoration: none; }

#statistical-analysis .nav-tabs a.active:hover {
  color: #0f4871;
  font-weight: 500;
  text-decoration: none; }

#statistical-analysis .nav-tabs a {
  color: #b3b3b3;
  font-weight: 400;
  text-decoration: none; }

#statistical-analysis .nav-tabs a:hover {
  color: #b3b3b3;
  font-weight: 400;
  text-decoration: none; }

@media (max-width: 865px) {
  #statistical-analysis .nav-tabs li {
    padding: 13px 16px;
    width: 100%; } }

#statistical-analysis .nav-scroll {
  width: -webkit-fill-available;
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

#statistical-analysis .list__statistical__analysis__card {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  flex-wrap: wrap; }

#statistical-analysis .statistical__analysis__card {
  border: none;
  display: flex;
  color: white;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  position: relative;
  background: #0f4871;
  padding: 9px 16px;
  transition: 0.5s ease-in-out;
  height: 100%;
  width: 100%; }

#statistical-analysis .statistical__analysis__card__name {
  display: flex;
  justify-content: center;
  flex-direction: column; }

#statistical-analysis .statistical__analysis__card__name p {
  /* // position: absolute; */
  color: rgba(255, 255, 255, 0.7);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 54px;
  height: 38px; }

#statistical-analysis .statistical__analysis__card__price {
  color: white;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  padding: 2px;
  margin: 0;
  text-align: left; }

#statistical-analysis .content__session__title {
  padding: 24px 0 0;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7a7a7a; }

#statistical-analysis .content__session__title h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626; }

#statistical-analysis .content__session__body {
  padding-top: 24px;
  overflow-x: auto; }

#statistical-analysis .table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 42px; }

#statistical-analysis .table thead {
  background-color: #fafafa; }

#statistical-analysis .table thead th {
  color: #262626;
  font-size: 14px;
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  text-align: right; }

#statistical-analysis .table thead th:nth-child(1) {
  text-align: left; }

#statistical-analysis .table .table-thead-divider-2 th:nth-child(2) {
  text-align: center !important; }

#statistical-analysis table td {
  font-size: 12px;
  font-weight: 400;
  padding: 12px 0;
  text-align: left;
  padding: 20px 4px;
  color: #366ae2; }

#statistical-analysis table tbody tr td:nth-child(1),
#statistical-analysis table thead tr td:nth-child(1) {
  padding: 16px;
  font-weight: 600;
  color: #404040; }

#statistical-analysis #tab2 table tbody tr td:nth-child(1),
#statistical-analysis #tab3 table tbody tr td:nth-child(1) {
  padding: 16px;
  font-weight: 400;
  color: #595959; }

#statistical-analysis table tbody tr td .sub__content {
  padding-top: 0px !important;
  color: #595959;
  list-style: none;
  text-indent: 10px;
  line-height: 2; }

#statistical-analysis table tbody tr td ul {
  padding-top: 0px !important;
  list-style: none;
  color: #366ae2;
  font-weight: 400;
  list-style: none;
  padding: 10px 0;
  line-height: 2;
  margin: 0;
  overflow: hidden; }

#statistical-analysis table tbody tr td .sub__content li {
  padding-top: 10px;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

#statistical-analysis table tbody tr td ul li {
  padding-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 400;
  font-size: 12px; }

#statistical-analysis table tbody tr td:last-child table thead tr td:last-child {
  padding-right: 16px; }

/* table td:nth-child(5) {
  width: 200px;
} */
#statistical-analysis table tr {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0; }

#statistical-analysis table tr td img {
  width: 16px;
  height: 16px; }

#statistical-analysis table {
  width: 100%; }

#statistical-analysis table thead tr th {
  background-color: #FAFAFA; }

#statistical-analysis table tbody tr td {
  vertical-align: middle !important;
  text-align: right !important; }

#statistical-analysis table thead tr th:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 130px; }

#statistical-analysis table tbody tr td:nth-child(1) {
  text-align: left !important;
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 130px;
  background-color: #ffffff; }

@media (max-width: 708px) {
  #statistical-analysis table tbody tr td ul li:nth-child(3) {
    height: 48px; } }

@media (max-width: 666px) {
  #statistical-analysis table tbody tr td ul li:nth-child(2) {
    height: 48px; } }

@media (max-width: 536px) {
  #statistical-analysis table tbody tr td ul li:nth-child(1) {
    height: 48px; } }

#statistical-analysis table .table-group-divider-2 tr td:nth-child(2) {
  color: #595959;
  text-align: center !important; }

#custom-calendar {
  /* display: flex; */
  /* align-items: center; */
  /* padding: 0 10px; */
  /* justify-content: center; */
  width: 100%; }

#custom-calendar .wrapper {
  width: fit-content;
  background: #fff;
  border-radius: 10px; }

#custom-calendar .wrapper header .icons {
  display: flex;
  align-items: center;
  padding: 5px 30px 10px 10px;
  justify-content: space-between;
  background-color: #0F4871;
  border-collapse: collapse;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-width: 0.5px 0.5px 0 0.5px;
  border-style: solid;
  border-color: #d9d9d9; }

#custom-calendar header .icons {
  display: flex; }

#custom-calendar header .icons span {
  height: 38px;
  width: 38px;
  margin: 0 1px;
  cursor: pointer;
  color: #ffffff;
  text-align: center;
  line-height: 38px;
  font-size: 1.9rem;
  user-select: none;
  border-radius: 50%; }

#custom-calendar .icons span:last-child {
  margin-right: -10px; }

#custom-calendar header .icons span:hover {
  background: #0F4871; }

#custom-calendar header .current-date {
  font-size: 1.5rem;
  font-weight: 600; }

/* #custom-calendar table, */
#custom-calendar th,
#custom-calendar td {
  border: 1px solid #d9d9d9;
  border-collapse: collapse; }

#custom-calendar .calendar {
  padding: 20px; }

#custom-calendar .calendar tr {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  text-align: right; }

#custom-calendar .calendar th,
#custom-calendar .calendar td {
  color: #333;
  width: calc(100% / 7);
  font-size: 0.875rem;
  padding: 4px 8px; }

#custom-calendar .calendar .weeks th {
  font-weight: 500;
  cursor: default;
  background-color: #f5f5f5;
  font-weight: bold; }

#custom-calendar .calendar .days td {
  cursor: pointer;
  position: relative;
  /* margin-top: 10px; */ }

#custom-calendar .days td.inactive {
  color: #aaa; }

#custom-calendar .days td.active {
  color: #fff; }

#custom-calendar .days td::before {
  /* position: absolute; */
  /* content: ""; */
  /* left: 30%; */
  /* top: 50%; */
  /* height: 50px;
  width: 80px; */
  z-index: -1;
  /* border-radius: 50%; */
  padding-top: 3px;
  padding-bottom: 3px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  /* transform: translate(-50%, -50%); */ }

#custom-calendar .days td.active {
  background: lightblue; }

#custom-calendar .days td:not(.active):hover {
  background: #f2f2f2; }

#custom-calendar .note {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px;
  margin-top: 8px; }

#custom-calendar .note p {
  border-radius: 8px;
  padding: 3px;
  background-color: #366ae2;
  width: 35%;
  color: white;
  font-size: 0.75rem;
  text-align: center; }

#custom-calendar .note2 {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px; }

#custom-calendar .note2 p {
  border-radius: 8px;
  padding: 3px;
  background-color: #39ac6d;
  width: 35%;
  color: white;
  font-size: 0.75rem;
  text-align: center; }

#custom-calendar .flex-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center; }

#custom-calendar .flex-row {
  /* display: flex;
  flex-direction: row; */ }

@media (max-width: 872px) {
  #custom-calendar .note p {
    border-radius: 8px;
    padding: 3px;
    background-color: #366ae2;
    width: 50%;
    color: white;
    font-size: 0.75rem;
    text-align: center; }
  #custom-calendar .note2 p {
    border-radius: 8px;
    padding: 3px;
    background-color: #39ac6d;
    width: 50%;
    color: white;
    font-size: 0.75rem;
    text-align: center; } }

@media (max-width: 666px) {
  #custom-calendar .note p {
    border-radius: 8px;
    padding: 3px;
    background-color: #366ae2;
    width: fit-content;
    color: white;
    font-size: 0.75rem;
    text-align: center; }
  #custom-calendar .note2 p {
    border-radius: 8px;
    padding: 3px;
    background-color: #39ac6d;
    width: fit-content;
    color: white;
    font-size: 0.75rem;
    text-align: center; } }

/* statistical-analysis-nt */
.view-detail .table-notStt thead th:nth-child(1) {
  position: relative !important; }

.view-detail table tbody th {
  position: relative !important; }

@media (max-width: 1200px) {
  .disabled-block {
    display: inline-block !important; }
  .contract__payfee__content__text__pay {
    flex-direction: column; } }

@media (max-width: 767px) {
  #contractor-paying-status :is(.content__session__body table thead td:nth-child(1), .content__session__body table tbody td:nth-child(1)) {
    position: relative !important; }
  #contractor-paying-status .content__session__body #table2 thead tr th,
  #contractor-paying-status .content__session__body #table2 tbody td {
    padding-left: 25px; }
  #contractor-paying-status .content__session__body #table2 tbody td {
    background-color: inherit !important; } }

#statistical-analysis-nt .statistical__analysis {
  margin-top: 32px; }

#statistical-analysis-nt .statistical__analysis__title {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#statistical-analysis-nt .statistical__analysis__title p {
  color: #262626;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px; }

#statistical-analysis-nt .statistical__analysis__filter {
  display: flex;
  align-items: center;
  justify-content: space-around; }

#statistical-analysis-nt .statistical__analysis__title h5 {
  padding-left: 10px; }

#statistical-analysis-nt .statistical__analysis__title select {
  background-color: #f5f5f5;
  border-radius: 8px;
  border: none;
  padding: 9px 16px;
  width: 100%; }

#statistical-analysis-nt .statistical__analysis__title input {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  width: 100%; }

#statistical-analysis-nt .statistical__analysis__col {
  margin: 0;
  padding: 4px; }

#statistical-analysis-nt .reporting__period__select {
  height: 40px; }

#statistical-analysis-nt .statistical__analysis__col__fromdate {
  height: 40px; }

#statistical-analysis-nt .statistical__analysis__col__fromdate::placeholder {
  color: #b3b3b3; }

#statistical-analysis-nt .statistical__analysis__col__todate {
  height: 40px; }

#statistical-analysis-nt .statistical__analysis__col__todate::placeholder {
  color: #b3b3b3; }

#statistical-analysis-nt .statistical__analysis__to {
  right: 16px;
  top: 35%; }

#statistical-analysis-nt .statistical__analysis__from {
  right: 16px;
  top: 35%; }

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

#statistical-analysis-nt .statistical__analysis__body {
  margin: 24px 0; }

#statistical-analysis-nt .btn-nav {
  padding: 12px;
  background: #f5f5f5;
  border: none; }

#statistical-analysis-nt .nav-tabs {
  border-bottom: 1px solid #f0f0f0; }

#statistical-analysis-nt .nav-tabs li:has(.active) {
  color: #0f4871;
  border-bottom: 2px solid; }

#statistical-analysis-nt .nav-tabs li {
  padding: 13px 16px; }

#statistical-analysis-nt .nav-tabs a.active {
  color: #0f4871;
  font-weight: 500;
  text-decoration: none; }

#statistical-analysis-nt .nav-tabs a.active:hover {
  color: #0f4871;
  font-weight: 500;
  text-decoration: none; }

#statistical-analysis-nt .nav-tabs a {
  color: #b3b3b3;
  font-weight: 400;
  text-decoration: none; }

#statistical-analysis-nt .nav-tabs a:hover {
  color: #b3b3b3;
  font-weight: 400;
  text-decoration: none; }

@media (max-width: 865px) {
  #statistical-analysis-nt .nav-tabs li {
    padding: 13px 16px;
    width: 100%; } }

#statistical-analysis-nt .nav-scroll {
  width: -webkit-fill-available;
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

#statistical-analysis-nt .list__statistical__analysis__card {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  flex-wrap: wrap; }

#statistical-analysis-nt .statistical__analysis__card {
  border: none;
  display: flex;
  color: white;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  position: relative;
  background: #0f4871;
  padding: 9px 16px;
  margin: 0 auto;
  transition: 0.5s ease-in-out;
  height: 100%;
  width: 19.5%; }

#statistical-analysis-nt .statistical__analysis__card__name {
  display: flex;
  justify-content: center;
  flex-direction: column; }

#statistical-analysis-nt .statistical__analysis__card__name p {
  /* // position: absolute; */
  color: rgba(255, 255, 255, 0.7);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 54px;
  height: 38px; }

#statistical-analysis-nt .statistical__analysis__card__price {
  color: white;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  padding: 2px;
  margin: 0;
  text-align: left; }

#statistical-analysis-nt .content__session__title {
  padding: 24px 0 0;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7a7a7a; }

#statistical-analysis-nt .content__session__title h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626; }

#statistical-analysis-nt .content__session__body {
  padding-top: 24px;
  overflow-x: auto; }

#statistical-analysis-nt .table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 42px; }

#statistical-analysis-nt .table thead {
  background-color: #fafafa; }

#statistical-analysis-nt .table thead th {
  color: #262626;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6; }

#statistical-analysis-nt table td {
  font-size: 12px;
  font-weight: 400;
  padding: 12px 0;
  text-align: left;
  padding: 20px 4px;
  color: #366ae2; }

#statistical-analysis-nt table tbody tr td:nth-child(1),
#statistical-analysis-nt table thead tr td:nth-child(1) {
  padding: 16px;
  font-weight: 600;
  color: #404040; }

#statistical-analysis-nt table tbody tr td ul {
  list-style: none;
  color: #366ae2;
  font-weight: 400;
  list-style: none;
  padding: 10px 0;
  line-height: 2;
  margin: 0;
  overflow: hidden; }

#statistical-analysis-nt table tbody tr td .sub__content {
  color: #595959;
  font-weight: 500;
  list-style: none;
  text-indent: 10px;
  line-height: 2; }

#statistical-analysis-nt table tbody tr td .sub__content li {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

#statistical-analysis-nt table tbody tr td:last-child table thead tr td:last-child {
  padding-right: 16px; }

/* table td:nth-child(5) {
      width: 200px;
    } */
#statistical-analysis-nt table tr {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0; }

#statistical-analysis-nt table tr td img {
  width: 16px;
  height: 16px; }

#statistical-analysis-nt table {
  width: 100%; }

#statistical-analysis-nt table thead tr th {
  background-color: #fafafa;
  text-align: right; }

#statistical-analysis-nt table tbody tr td {
  vertical-align: middle !important;
  text-align: right; }

#statistical-analysis-nt table thead tr th:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 130px;
  text-align: left; }

#statistical-analysis-nt .table .table-thead-divider-2 th:nth-child(2) {
  text-align: center; }

#statistical-analysis-nt table tbody tr td:nth-child(1) {
  position: sticky;
  text-align: left;
  left: 0;
  z-index: 2;
  min-width: 130px;
  background-color: #ffffff; }

@media (max-width: 1028px) {
  #statistical-analysis-nt table tbody tr td ul li:nth-child(3) {
    height: 48px; } }

@media (max-width: 1010px) {
  #statistical-analysis-nt table tbody tr td ul li:nth-child(2) {
    height: 48px; } }

@media (max-width: 955px) {
  #statistical-analysis-nt table tbody tr td ul li:nth-child(1) {
    height: 48px; } }

@media (max-width: 1028px) {
  #statistical-analysis-nt .list__statistical__analysis__card {
    padding: 0 4px; }
  #statistical-analysis-nt .statistical__analysis__card {
    width: 100%;
    margin: 2.5px 0; } }

#statistical-analysis-nt .table-footer {
  display: flex;
  justify-content: end; }

#statistical-analysis-nt .table-footer__select--border {
  border: none !important;
  padding-left: 0px; }

#statistical-analysis-nt .table-footer__total {
  color: #595959;
  font-weight: 400; }

#statistical-analysis-nt .table-footer__select--border {
  -webkit-border-radius: 2px; }

#statistical-analysis-nt .table-footer__pagination__mobile {
  display: none; }

#statistical-analysis-nt .table-footer__pagination__mobile select {
  width: 100px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  outline: none; }

#statistical-analysis-nt table .table-group-divider-2 tr td:nth-child(2) {
  color: #595959;
  text-align: center; }

#statistical-analysis-nt table .table-group-divider-2 tr td:nth-child(1) {
  color: #595959;
  font-weight: 400; }

#statistical-analysis-nt .table-footer__pagination__list__item {
  display: flex;
  align-items: center;
  border: 1px solid black;
  margin: 0px 2px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff; }

#statistical-analysis-nt .table-footer__pagination__list__item.active {
  display: flex;
  align-items: center;
  color: white;
  border: 1px solid #0f4871;
  border-radius: 4px;
  background-color: #0f4871;
  margin: 0px 2px;
  padding: 4px 12px; }

@media (max-width: 768px) {
  #statistical-analysis-nt .table-footer__pagination__mobile {
    display: flex;
    justify-content: end; }
  #statistical-analysis-nt .table-footer {
    display: block !important; } }

/* statistical-analysis-cdt */
#statistical-analysis-cdt .statistical__analysis {
  margin-top: 32px; }

#statistical-analysis-cdt .statistical__analysis__title {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#statistical-analysis-cdt .statistical__analysis__title p {
  color: #262626;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px; }

#statistical-analysis-cdt .statistical__analysis__filter {
  display: flex;
  align-items: center;
  justify-content: space-around; }

#statistical-analysis-cdt .statistical__analysis__title h5 {
  padding-left: 10px; }

#statistical-analysis-cdt .statistical__analysis__title select {
  background-color: #f5f5f5;
  border-radius: 8px;
  border: none;
  padding: 9px 16px;
  width: 100%; }

#statistical-analysis-cdt .statistical__analysis__title input {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  width: 100%; }

#statistical-analysis-cdt .statistical__analysis__col {
  margin: 0;
  padding: 4px; }

#statistical-analysis-cdt .reporting__period__select {
  height: 40px; }

#statistical-analysis-cdt .statistical__analysis__col__fromdate {
  height: 40px; }

#statistical-analysis-cdt .statistical__analysis__col__fromdate::placeholder {
  color: #b3b3b3; }

#statistical-analysis-cdt .statistical__analysis__col__todate {
  height: 40px; }

#statistical-analysis-cdt .statistical__analysis__col__todate::placeholder {
  color: #b3b3b3; }

#statistical-analysis-cdt .statistical__analysis__to {
  right: 16px;
  top: 35%; }

#statistical-analysis-cdt .statistical__analysis__from {
  right: 16px;
  top: 35%; }

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

#statistical-analysis-cdt .statistical__analysis__body {
  margin: 24px 0; }

#statistical-analysis-cdt .btn-nav {
  padding: 12px;
  background: #f5f5f5;
  border: none; }

#statistical-analysis-cdt .nav-tabs {
  border-bottom: 1px solid #f0f0f0; }

#statistical-analysis-cdt .nav-tabs li:has(.active) {
  color: #0f4871;
  border-bottom: 2px solid; }

#statistical-analysis-cdt .nav-tabs li {
  padding: 13px 16px; }

#statistical-analysis-cdt .nav-tabs a.active {
  color: #0f4871;
  font-weight: 500;
  text-decoration: none; }

#statistical-analysis-cdt .nav-tabs a.active:hover {
  color: #0f4871;
  font-weight: 500;
  text-decoration: none; }

#statistical-analysis-cdt .nav-tabs a {
  color: #b3b3b3;
  font-weight: 400;
  text-decoration: none; }

#statistical-analysis-cdt .nav-tabs a:hover {
  color: #b3b3b3;
  font-weight: 400;
  text-decoration: none; }

#statistical-analysis-cdt .nav-scroll {
  width: -webkit-fill-available;
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

#statistical-analysis-cdt .nav-tabs {
  justify-content: flex-start; }

#statistical-analysis-cdt .list__statistical__analysis__card {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  flex-wrap: wrap; }

#statistical-analysis-cdt .statistical__analysis__card {
  border: none;
  display: flex;
  color: white;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  position: relative;
  background: #0f4871;
  padding: 9px 16px;
  transition: 0.5s ease-in-out;
  height: 100%;
  width: 100%; }

#statistical-analysis-cdt .statistical__analysis__card__name {
  display: flex;
  justify-content: center;
  flex-direction: column; }

#statistical-analysis-cdt .statistical__analysis__card__name p {
  /* // position: absolute; */
  color: rgba(255, 255, 255, 0.7);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 72px;
  height: 38px; }

#statistical-analysis-cdt .statistical__analysis__card__name__large {
  display: flex;
  justify-content: center;
  flex-direction: column; }

#statistical-analysis-cdt .statistical__analysis__card__name__large p {
  /* // position: absolute; */
  color: rgba(255, 255, 255, 0.7);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 72px;
  height: 72px; }

#statistical-analysis-cdt .statistical__analysis__card__price {
  color: white;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  padding: 2px;
  margin: 0;
  text-align: left; }

#statistical-analysis-cdt .content__session__title {
  padding: 24px 0 0;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7a7a7a; }

#statistical-analysis-cdt .content__session__title h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626; }

#statistical-analysis-cdt .content__session__body {
  padding-top: 24px;
  overflow-x: auto; }

#statistical-analysis-cdt .table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 42px; }

#statistical-analysis-cdt .table thead {
  background-color: #fafafa; }

#statistical-analysis-cdt .table thead th {
  text-align: right;
  color: #262626;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid #dee2e6; }

#statistical-analysis-cdt table td {
  font-size: 12px;
  font-weight: 400;
  padding: 12px 0;
  text-align: left;
  padding: 20px 4px;
  color: #366ae2; }

#statistical-analysis-cdt table tbody tr td:nth-child(1),
#statistical-analysis-cdt table thead tr td:nth-child(1) {
  padding: 16px;
  font-weight: 600;
  color: #404040; }

#statistical-analysis-cdt table .table-thead-divider-2 tr th:nth-child(2) {
  text-align: center !important; }

#statistical-analysis-cdt table .table-group-divider-2 tr td:nth-child(2) {
  color: #595959;
  text-align: center !important; }

#statistical-analysis-cdt table .table-group-divider-2 tr td:nth-child(1) {
  font-weight: 400;
  color: #595959; }

#statistical-analysis-cdt table tbody tr td ul {
  list-style: none;
  color: #366ae2;
  font-weight: 400;
  list-style: none;
  padding: 10px 0;
  line-height: 2;
  margin: 0;
  overflow: hidden; }

#statistical-analysis-cdt table tbody tr td .sub__content {
  color: #595959;
  font-weight: 500;
  list-style: none;
  text-indent: 10px;
  line-height: 2; }

#statistical-analysis-cdt table tbody tr td .sub__content li {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px; }

#statistical-analysis-cdt table tbody tr td ul li {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px; }

#statistical-analysis-cdt table tbody tr td:last-child table thead tr td:last-child {
  padding-right: 16px; }

/* table td:nth-child(5) {
    width: 200px;
  } */
#statistical-analysis-cdt table tr {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0; }

#statistical-analysis-cdt table tr td img {
  width: 16px;
  height: 16px; }

#statistical-analysis-cdt table {
  width: 100%; }

#statistical-analysis-cdt table thead tr th {
  background-color: #fafafa; }

#statistical-analysis-cdt table tbody tr td {
  vertical-align: middle !important;
  text-align: right; }

#statistical-analysis-cdt table thead tr th:nth-child(1) {
  position: sticky;
  text-align: left;
  left: 0;
  z-index: 2;
  min-width: 130px; }

#statistical-analysis-cdt table tbody tr td:nth-child(1) {
  text-align: left;
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 130px;
  background-color: #ffffff; }

#statistical-analysis-cdt .table .table-thead-divider-2 th:nth-child(2) {
  text-align: center !important; }

@media (max-width: 1028px) {
  #statistical-analysis-cdt table tbody tr td ul li:nth-child(3) {
    height: 48px; } }

@media (max-width: 1010px) {
  #statistical-analysis-cdt table tbody tr td ul li:nth-child(2) {
    height: 48px; } }

@media (max-width: 955px) {
  #statistical-analysis-cdt table tbody tr td ul li:nth-child(1) {
    height: 48px; } }

@media (max-width: 865px) {
  #statistical-analysis-cdt .nav-tabs li {
    padding: 13px 16px;
    width: 100%; } }

#statistical-analysis-cdt .table-footer {
  display: flex;
  justify-content: end; }

#statistical-analysis-cdt .table-footer__select--border {
  border: none !important;
  padding-left: 0px; }

#statistical-analysis-cdt .table-footer__total {
  color: #595959;
  font-weight: 400; }

#statistical-analysis-cdt .table-footer__select--border {
  -webkit-border-radius: 2px; }

#statistical-analysis-cdt .table-footer__pagination__mobile {
  display: none; }

#statistical-analysis-cdt .table-footer__pagination__mobile select {
  width: 100px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  outline: none; }

#statistical-analysis-cdt .table-footer__pagination__list__item {
  display: flex;
  align-items: center;
  border: 1px solid black;
  margin: 0px 2px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff; }

#statistical-analysis-cdt .table-footer__pagination__list__item.active {
  display: flex;
  align-items: center;
  color: white;
  border: 1px solid #0f4871;
  border-radius: 4px;
  background-color: #0f4871;
  margin: 0px 2px;
  padding: 4px 12px; }

@media (max-width: 768px) {
  #statistical-analysis-cdt .table-footer__pagination__mobile {
    display: flex;
    justify-content: end; }
  #statistical-analysis-cdt .table-footer {
    display: block !important; } }

/* statistical ver 3 */
#statistical .content-wrapper {
  margin-bottom: 92px; }

#statistical .statistical__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #262626;
  padding-top: 12px;
  margin-bottom: 24px; }

#statistical .statistical__content__collapse__item {
  margin: 8px 0px; }

#statistical .statistical__content__collapse__item__title {
  cursor: pointer;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 8px; }

#statistical .statistical__content__collapse__item__title.active {
  cursor: pointer;
  width: 100%;
  background-color: #edf6fd;
  border-radius: 8px; }

#statistical .statistical__content__collapse__item__title.active div p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0f4871; }

#statistical .statistical__content__collapse__item__title.active div img {
  transform: rotate(180deg); }

#statistical .statistical__content__collapse__item__title div {
  padding: 12px 16px; }

#statistical .statistical__content__collapse__item__title div p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626; }

#statistical .content__session__title {
  padding: 24px 0 0;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #7a7a7a; }

#statistical .content__session__title h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626; }

#statistical .content__session__body {
  padding-top: 16px;
  overflow-x: auto; }

#statistical #collapseOne .content__session__body .content__session__body--col1 {
  min-width: 56px; }

#statistical #collapseOne .content__session__body .content__session__body--col2 {
  width: 100%;
  min-width: 200px; }

#statistical #collapseOne .content__session__body .content__session__body--col3 {
  min-width: 124px; }

#statistical #collapseOne .content__session__body .content__session__body--col4 {
  min-width: 114px; }

#statistical #collapseOne .content__session__body .content__session__body--col5 {
  min-width: 110px; }

#statistical #collapseOne .content__session__body .content__session__body--col6 {
  min-width: 193px; }

#statistical #collapseOne .content__session__body .content__session__body--col7 {
  min-width: 186px; }

#statistical #collapseOne .content__session__body .content__session__body--col8 {
  min-width: 120px; }

#statistical #collapseOne .content__session__body .content__session__body--col9 {
  min-width: 120px; }

#statistical #collapseOne .content__session__body .content__session__body--col10 {
  min-width: 134px; }

#statistical #collapseOne .content__session__body .content__session__body--col11 {
  min-width: 86px; }

/* table 2 */
#statistical #collapseTwo .content__session__body .content__session__body--col1 {
  min-width: 56px; }

#statistical #collapseTwo .content__session__body .content__session__body--col2 {
  min-width: 100px; }

#statistical #collapseTwo .content__session__body .content__session__body--col3 {
  width: 100%;
  min-width: 200px; }

#statistical #collapseTwo .content__session__body .content__session__body--col4 {
  min-width: 140px; }

#statistical #collapseTwo .content__session__body .content__session__body--col5 {
  min-width: 146px; }

#statistical #collapseTwo .content__session__body .content__session__body--col6 {
  min-width: 145px; }

#statistical #collapseTwo .content__session__body .content__session__body--col7 {
  min-width: 144px; }

#statistical #collapseTwo .content__session__body .content__session__body--col8 {
  min-width: 203px; }

#statistical #collapseTwo .content__session__body .content__session__body--col9 {
  min-width: 160px; }

#statistical #collapseTwo .content__session__body .content__session__body--col10 {
  min-width: 145px; }

#statistical #collapseTwo .content__session__body .content__session__body--col11 {
  min-width: 124px; }

#statistical #collapseTwo .content__session__body .content__session__body--col9 div p {
  color: #262626;
  font-weight: 600;
  font-size: 14px; }

#statistical #collapseTwo .content__session__body .content__session__body--col10 div p {
  color: #262626;
  font-weight: 600;
  font-size: 14px; }

#statistical #collapseTwo .content__session__body .content__session__body--col11 div p {
  color: #262626;
  font-weight: 600;
  font-size: 14px; }

#statistical .table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 24px; }

/* table 3 */
#statistical #collapseThree .content__session__body .content__session__body--col1 {
  min-width: 56px; }

#statistical #collapseThree .content__session__body .content__session__body--col2 {
  min-width: 100px; }

#statistical #collapseThree .content__session__body .content__session__body--col3 {
  width: 100%;
  min-width: 200px; }

#statistical #collapseThree .content__session__body .content__session__body--col4 {
  min-width: 146px; }

#statistical #collapseThree .content__session__body .content__session__body--col5 {
  min-width: 215px; }

#statistical #collapseThree .content__session__body .content__session__body--col6 {
  min-width: 144px; }

#statistical #collapseThree .content__session__body .content__session__body--col7 {
  min-width: 150px; }

#statistical #collapseThree .content__session__body .content__session__body--col8 {
  min-width: 140px; }

/* table 4 */
#statistical #collapseFour .content__session__body .content__session__body--col1 {
  min-width: 56px; }

#statistical #collapseFour .content__session__body .content__session__body--col2 {
  width: 100%;
  min-width: 200px; }

#statistical #collapseFour .content__session__body .content__session__body--col3 {
  min-width: 125px; }

#statistical #collapseFour .content__session__body .content__session__body--col4 {
  min-width: 146px; }

#statistical #collapseFour .content__session__body .content__session__body--col5 {
  min-width: 149px; }

#statistical #collapseFour .content__session__body .content__session__body--col6 {
  min-width: 203px; }

#statistical #collapseFour .content__session__body .content__session__body--col7 {
  min-width: 140px; }

/* table 5 */
#statistical #collapseFive .content__session {
  padding: 5px 8px; }

#statistical #collapseFive .content__session__table1.content__session__body .content__session__body--col1 {
  min-width: 56px;
  width: 56px; }

#statistical #collapseFive .content__session__table2.content__session__body .content__session__body--col1 {
  min-width: 56px;
  width: 56px; }

#statistical #collapseFive .content__session__table2 .content__session__body .content__session__body--col2 {
  width: 100%; }

#statistical #collapseFive .content__session__table2 .content__session__body .content__session__body--col3 {
  min-width: 153px; }

#statistical .table thead {
  background-color: #fafafa; }

#statistical .table thead th {
  color: #262626;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid #dee2e6; }

#statistical table td {
  font-size: 12px;
  font-weight: 400;
  padding: 12px 0;
  text-align: left;
  padding: 20px 10.5px;
  color: #595959; }

#statistical table tr {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0; }

#statistical table tr td img {
  width: 16px;
  height: 16px; }

#statistical table {
  width: 100%; }

#statistical table thead tr th {
  background-color: #fafafa; }

#statistical table tbody tr td {
  vertical-align: middle !important; }

#statistical table thead tr th:nth-child(1) {
  position: relative;
  text-align: left;
  left: 0;
  z-index: 2; }

#statistical table tbody tr td:nth-child(1) {
  text-align: left;
  position: relative;
  left: 0;
  z-index: 2;
  background-color: #ffffff; }

#statistical .table-footer {
  display: flex;
  justify-content: center;
  margin-bottom: 16px; }

#statistical .table-footer__select--border {
  border: none !important;
  padding-left: 0px; }

#statistical .table-footer__total {
  color: #595959;
  font-weight: 400; }

#statistical .table-footer__select--border {
  -webkit-border-radius: 2px; }

#statistical .table-footer__pagination__mobile {
  display: none; }

#statistical .table-footer__pagination__mobile select {
  width: 100px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  outline: none; }

#statistical .table-footer__pagination__list__item {
  display: flex;
  align-items: center;
  border: 1px solid black;
  margin: 0px 2px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff; }

#statistical .table-footer__pagination__list__item.active {
  display: flex;
  align-items: center;
  color: white;
  border: 1px solid #0f4871;
  border-radius: 4px;
  background-color: #0f4871;
  margin: 0px 2px;
  padding: 4px 12px; }

@media (max-width: 768px) {
  #statistical .table-footer__pagination__mobile {
    display: flex;
    justify-content: end; }
  #statistical .table-footer {
    display: block !important; } }

#opportunity-analysis .title-page {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #262626;
  margin: 12px 0; }

#opportunity-analysis .nav-tabs.nav-title li {
  padding: 9px 16px; }

#chart-container {
  position: relative;
  height: 100vh;
  overflow: hidden; }

#chart-container ul li::before {
  content: '\2022';
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-right: -1em;
  color: var(--color);
  font-size: 28px; }

#chart-container ul {
  list-style: none; }

#opportunity-analysis .bold-label-14px {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #262626; }

#opportunity-analysis .bold-label-16px {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #262626; }

.filter .check-radio-group {
  display: flex;
  align-items: center;
  margin-right: 20px;
  gap: 4px; }

.filter .check-radio-group input {
  display: block;
  accent-color: #0f4871;
  width: 16px;
  height: 16px; }

.filter .check-radio-group label {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .check-box-group-2 label {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .content__heading {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #262626;
  margin-bottom: 32px; }

.filter .content__body__session {
  display: flex;
  margin-bottom: 16px;
  align-items: center; }

.filter .content__body__session:nth-child(2) {
  align-items: flex-start; }

.filter .content__body__session__title {
  flex: 1.55;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .content__body__session__desc {
  display: flex;
  flex: 5.5; }

.filter .content__body__session__desc:nth-child(2) {
  flex-direction: column; }

.filter .content__body__session__desc > div {
  display: flex; }

.filter .content__body__session__desc__input {
  width: 100%;
  /* height: 32px; */
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding-left: 12px;
  /* margin-top: 8px; */
  font-size: 14px; }

.filter .content__body__session__desc__select {
  display: flex; }

.filter .content__body__session__desc__select select {
  width: 100%;
  /* height: 32px; */
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding-left: 12px;
  margin-top: 4px;
  padding-left: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .content__body__session__desc__select select:nth-child(1) {
  margin-right: 4px; }

.filter .content__body__session__desc__select select:nth-child(2) {
  margin-left: 4px; }

.filter .content__body__session__desc__input-group {
  display: flex;
  align-items: center; }

.filter .content__body__session__desc__input-group__input {
  flex: 1;
  /* height: 32px; */
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 0 12px;
  max-height: 32px; }

.filter .content__body__session__desc__input-group__input.datepicker {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b3b3b3; }

.filter .content__body__session__desc__input-group span {
  height: 2px;
  width: 24px;
  background-color: #d9d9d9;
  margin: 0 12px; }

.filter .content__body__session__desc__custom__input__group {
  display: flex;
  align-items: center; }

.filter .content__body__session__desc__custom__input__group > span {
  height: 2px;
  width: 54px;
  background-color: #d9d9d9;
  margin: 0 12px; }

.filter .content__body__session__desc__custom__input {
  /* height: 32px; */
  border-radius: 4px;
  /* border: 1px solid #d9d9d9; */
  outline: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1; }

.filter .content__footer {
  display: flex;
  justify-content: flex-end; }

.filter .content__footer__btn {
  padding: 9px 16px;
  border-radius: 8px;
  outline: none;
  border: none;
  margin-left: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #7a7a7a;
  background-color: #f5f5f5; }

.filter .content__footer__btn:nth-child(2) {
  background-color: #0f4871;
  color: #fff; }

@media (max-width: 768px) {
  .filter .content__body__session {
    flex-direction: column;
    align-items: flex-start; }
  .filter .content__body__session__desc {
    flex-direction: column; }
  .filter .content__body__session__title {
    margin-bottom: 8px; }
  .filter .content__body__session__desc__input {
    flex: 1; }
  .filter .content__body__session__desc > div {
    flex-direction: column; }
  .filter .content__body__session__desc .search__tags {
    flex-direction: row !important; }
  .filter .content__body__session__desc__input-group__input {
    width: 100%; }
  .filter .content__body__session__desc__input-group span {
    display: none; }
  .filter .content__body__session__desc__custom__input__group > span {
    display: none; }
  .filter .content__body__session__desc__custom__input__group > div:nth-child(1) {
    margin-bottom: 12px; }
  .filter .content__body__session__desc__input-group input:nth-child(1) {
    margin-bottom: 12px; }
  .filter .content__body__session__desc {
    width: 100%; }
  .filter .content__body__session__desc__select select:nth-child(1) {
    margin: 0 0 12px 0; }
  .filter .content__body__session__desc__select select:nth-child(2) {
    margin: 0; } }

.filter .btn-primary-2 {
  width: 50px; }

.filter .search__tags__flex {
  display: flex;
  align-items: center;
  width: auto; }

.filter .search__tags__flex i {
  line-height: 16px; }

.btn-primary-2 {
  background: #0f4871;
  border-radius: 4px; }

#filter-one .filter__none__wrapper {
  padding-top: 130px;
  padding-bottom: 130px;
  width: 430px;
  display: flex;
  justify-content: center;
  align-items: center; }

#filter-one .emptyImg {
  height: 160px;
  width: 160px; }

#filter-one .just-a-text {
  color: #595959;
  font-size: 14px;
  font-weight: 400; }

#filter-one .create_button {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0f4871;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  gap: 8px;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.filter__modal__title--bold {
  font-weight: 600;
  color: #262626;
  font-size: 20px; }

.filter__modal__key p {
  font-weight: 500;
  color: #404040; }

/* input ten bo loc */
.filter__modal__keyword__btn {
  border: none;
  padding: 0px 8px;
  border-radius: 8px;
  background-color: #0f4871;
  color: #ffffff; }

.filter__modal__keywork__tag {
  background-color: #f5f5f5;
  padding: 4px 8px;
  font-size: 12px;
  margin: 4px;
  border-radius: 1rem;
  color: #595959; }

.main__table__col__checkbox__span {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: white;
  border: 2px solid #d9d9d9;
  border-radius: 2px; }

.main__table__col__checkbox__label {
  display: block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.main__table__col__checkbox__label p {
  margin-top: -3px;
  color: #404040; }

.main__table__col__checkbox__label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.main__table__col__checkbox__label input:checked ~ .main__table__col__checkbox__span {
  background-color: #0f4871;
  background-image: url("../icons/checked.svg");
  background-repeat: no-repeat;
  background-position: 3px;
  border: none; }

.check-box-group-2 input {
  height: 22px !important; }

.css-height-chart {
  height: 400px;
  width: 100%; }

#opportunity-analysis .title-page {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #262626;
  margin: 12px 0; }

#opportunity-analysis .nav-tabs.nav-title li {
  padding: 9px 16px; }

#chart-container-bar {
  position: relative;
  overflow: hidden; }

#chart-container-bar li::before {
  content: '\2022';
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-right: -1em;
  color: var(--color);
  font-size: 28px; }

#chart-container-bar ul {
  list-style: none; }

#opportunity-analysis .chart-wrapper {
  display: flex;
  flex-direction: row; }

#opportunity-analysis .bold-label-14px {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #262626; }

#opportunity-analysis .bold-label-16px {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #262626; }

.filter .check-radio-group {
  display: flex;
  align-items: center;
  margin-right: 20px;
  gap: 4px; }

.filter .check-radio-group input {
  display: block;
  accent-color: #0f4871;
  width: 16px;
  height: 16px; }

.filter .check-radio-group label {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .check-box-group-2 label {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .content__heading {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #262626;
  margin-bottom: 32px; }

.filter .content__body__session {
  display: flex;
  margin-bottom: 16px;
  align-items: center; }

.filter .content__body__session:nth-child(2) {
  align-items: flex-start; }

.filter .content__body__session__title {
  flex: 1.55;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .content__body__session__desc {
  display: flex;
  flex: 5.5; }

.filter .content__body__session__desc:nth-child(2) {
  flex-direction: column; }

.filter .content__body__session__desc > div {
  display: flex; }

.filter .content__body__session__desc__input {
  width: 100%;
  /* height: 32px; */
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding-left: 12px;
  /* margin-top: 8px; */
  font-size: 14px; }

.filter .content__body__session__desc__select {
  display: flex; }

.filter .content__body__session__desc__select select {
  width: 100%;
  /* height: 32px; */
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding-left: 12px;
  margin-top: 4px;
  padding-left: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #404040; }

.filter .content__body__session__desc__select select:nth-child(1) {
  margin-right: 4px; }

.filter .content__body__session__desc__select select:nth-child(2) {
  margin-left: 4px; }

.filter .content__body__session__desc__input-group {
  display: flex;
  align-items: center; }

.filter .content__body__session__desc__input-group__input {
  flex: 1;
  /* height: 32px; */
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 0 12px;
  max-height: 32px; }

.filter .content__body__session__desc__input-group__input.datepicker {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #b3b3b3; }

.filter .content__body__session__desc__input-group span {
  height: 2px;
  width: 24px;
  background-color: #d9d9d9;
  margin: 0 12px; }

.filter .content__body__session__desc__custom__input__group {
  display: flex;
  align-items: center; }

.filter .content__body__session__desc__custom__input__group > span {
  height: 2px;
  width: 54px;
  background-color: #d9d9d9;
  margin: 0 12px; }

.filter .content__body__session__desc__custom__input {
  /* height: 32px; */
  border-radius: 4px;
  /* border: 1px solid #d9d9d9; */
  outline: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1; }

.filter .content__footer {
  display: flex;
  justify-content: flex-end; }

.filter .content__footer__btn {
  padding: 9px 16px;
  border-radius: 8px;
  outline: none;
  border: none;
  margin-left: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #7a7a7a;
  background-color: #f5f5f5; }

.filter .content__footer__btn:nth-child(2) {
  background-color: #0f4871;
  color: #fff; }

@media (max-width: 768px) {
  .filter .content__body__session {
    flex-direction: column;
    align-items: flex-start; }
  .filter .content__body__session__desc {
    flex-direction: column; }
  .filter .content__body__session__title {
    margin-bottom: 8px; }
  .filter .content__body__session__desc__input {
    flex: 1; }
  .filter .content__body__session__desc > div {
    flex-direction: column; }
  .filter .content__body__session__desc .search__tags {
    flex-direction: row !important; }
  .filter .content__body__session__desc__input-group__input {
    width: 100%; }
  .filter .content__body__session__desc__input-group span {
    display: none; }
  .filter .content__body__session__desc__custom__input__group > span {
    display: none; }
  .filter .content__body__session__desc__custom__input__group > div:nth-child(1) {
    margin-bottom: 12px; }
  .filter .content__body__session__desc__input-group input:nth-child(1) {
    margin-bottom: 12px; }
  .filter .content__body__session__desc {
    width: 100%; }
  .filter .content__body__session__desc__select select:nth-child(1) {
    margin: 0 0 12px 0; }
  .filter .content__body__session__desc__select select:nth-child(2) {
    margin: 0; } }

.filter .btn-primary-2 {
  width: 50px; }

.filter .search__tags__flex {
  display: flex;
  align-items: center;
  width: auto; }

.filter .search__tags__flex i {
  line-height: 16px; }

#opportunity-analysis .table__tab3 {
  width: 100%;
  overflow-x: auto; }

.filter .search__tags__flex i {
  line-height: 16px; }

#opportunity-analysis .chart {
  padding: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  width: 100%; }

#opportunity-analysis .chart h4 {
  margin-top: 0 !important;
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626; }

#opportunity-analysis .table__tab3 thead tr th {
  text-align: left !important;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  padding: 0px 16px;
  color: #262626; }

#opportunity-analysis .thead__main {
  background: #ebebeb;
  /* Border/Divider */
  border-width: 1px 0px;
  border-style: solid;
  border-color: #f0f0f0; }

#opportunity-analysis .tbody__main {
  background: #ebebeb;
  /* Border/Divider */
  border-width: 1px 0px;
  border-style: solid;
  border-color: #f0f0f0; }

#opportunity-analysis .table__tab3 tbody tr td {
  text-align: left !important;
  padding-left: 16px !important;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 16px;
  color: #595959 !important; }

#opportunity-analysis .table__tab3 thead tr th {
  background-color: #fafafa !important;
  /* Border/Divider */
  border-width: 1px 0px;
  border-style: solid;
  border-color: #f0f0f0; }

#opportunity-analysis .table__tab3 thead tr th:nth-child(1) {
  position: sticky;
  text-align: left;
  left: 0;
  z-index: 2;
  background-color: #ebebeb !important; }

#opportunity-analysis .table__tab3 thead tr th:nth-child(2) {
  position: sticky;
  text-align: left;
  left: 56px;
  z-index: 2;
  background-color: #ebebeb !important; }

#opportunity-analysis .table__tab3 tbody tr td:nth-child(1) {
  position: sticky;
  text-align: left;
  left: 0;
  z-index: 2;
  background: #f5f5f5;
  /* Border/Divider */
  border-bottom: 1px solid #f0f0f0; }

#opportunity-analysis .table__tab3 tbody tr td:nth-child(2) {
  position: sticky;
  text-align: left;
  left: 56px;
  z-index: 2;
  background: #f5f5f5;
  /* Border/Divider */
  border-bottom: 1px solid #f0f0f0; }

#opportunity-analysis .table__tab3 tbody tr td:nth-child(3) {
  color: #366ae2 !important; }

#opportunity-analysis .table__tab3 tbody tr td:nth-child(5) {
  color: #366ae2 !important; }

#opportunity-analysis .table__tab3 thead tr th:nth-last-child(1) {
  position: sticky;
  text-align: left;
  right: 0;
  z-index: 2; }

#opportunity-analysis .table__tab3 tbody tr td:nth-last-child(1) {
  position: sticky;
  text-align: left;
  right: 0;
  z-index: 2;
  background: #f5f5f5;
  /* Border/Divider */
  border-bottom: 1px solid #f0f0f0;
  color: #366ae2 !important; }

#tab3 table {
  table-layout: auto; }

#opportunity-analysis .table__tab3__second tbody tr td:nth-last-child(1) {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #595959; }

#opportunity-analysis .table__tab3__second thead tr th {
  text-align: left !important;
  background: #fafafa;
  /* Border/Divider */
  border-width: 1px 0px;
  border-style: solid;
  border-color: #f0f0f0;
  padding: 13px 16px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #262626; }

#opportunity-analysis .table__tab3__second tbody tr td {
  text-align: left !important;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 20px 16px;
  color: #595959 !important;
  border-bottom: 1px solid #f0f0f0; }

#opportunity-analysis .table__tab3__second thead tr th:nth-last-child(1) {
  text-align: right !important;
  background: #fafafa;
  /* Border/Divider */
  border-width: 1px 0px;
  border-style: solid;
  border-color: #f0f0f0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #262626; }

#opportunity-analysis .table__tab3__second tbody tr td:nth-last-child(1) {
  text-align: right !important;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500 !important;
  font-size: 12px;
  line-height: 16px;
  color: #366ae2 !important; }

#opportunity-analysis .table__tab3__second tbody tr td:nth-last-child(2) {
  text-align: left !important;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500 !important;
  font-size: 12px;
  line-height: 16px;
  color: #366ae2 !important; }

#opportunity-analysis .table-footer {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 32px; }

#opportunity-analysis .table-footer__select--border {
  border: none !important;
  padding-left: 0px; }

#opportunity-analysis .table-footer__total {
  color: #595959;
  font-weight: 400; }

#opportunity-analysis .table-footer__select--border {
  -webkit-border-radius: 2px; }

#opportunity-analysis .table-footer__pagination__mobile {
  display: none; }

#opportunity-analysis .table-footer__pagination__mobile select {
  width: 100px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  outline: none; }

#opportunity-analysis .table-footer__pagination__list__item {
  display: flex;
  align-items: center;
  border: 1px solid black;
  margin: 0px 2px;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff; }

#opportunity-analysis .table-footer__pagination__list__item.active {
  display: flex;
  align-items: center;
  color: white;
  border: 1px solid #0f4871;
  border-radius: 4px;
  background-color: #0f4871;
  margin: 0px 2px;
  padding: 4px 12px; }

#opportunity-analysis .statistical__analysis__filter {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px; }

@media (max-width: 768px) {
  #opportunity-analysis .table-footer__pagination__mobile {
    display: flex;
    justify-content: end; }
  #opportunity-analysis .table-footer {
    display: block !important; }
  #opportunity-analysis .statistical__analysis__filter {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    width: fit-content;
    gap: 12px; } }

#opportunity-analysis .statistical__analysis__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }

#opportunity-analysis .statistical__analysis__title p {
  color: #262626;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px; }

#opportunity-analysis .statistical__analysis__title h5 {
  padding-left: 10px; }

#opportunity-analysis .statistical__analysis__title select {
  background-color: #f5f5f5;
  border-radius: 8px;
  border: none;
  padding: 9px 16px;
  width: 100%; }

#opportunity-analysis .statistical__analysis__title input {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  width: 100%; }

#opportunity-analysis .statistical__analysis__col {
  margin: 0;
  padding: 4px; }

#opportunity-analysis .statistical__analysis__col__fromdate {
  height: 40px; }

#opportunity-analysis .statistical__analysis__col__fromdate::placeholder {
  color: #b3b3b3; }

#opportunity-analysis .statistical__analysis__col__todate {
  height: 40px; }

#opportunity-analysis .statistical__analysis__col__todate::placeholder {
  color: #b3b3b3; }

#opportunity-analysis .statistical__analysis__to {
  right: 16px;
  top: 35%; }

#opportunity-analysis .statistical__analysis__from {
  right: 16px;
  top: 35%; }

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

#opportunity-analysis .reporting__period__select {
  height: 40px; }

#opportunity-analysis .search__statiscal__analysis ::placeholder {
  color: #b3b3b3; }

#opportunity-analysis .table-tab1 th {
  min-width: 450px; }

#opportunity-analysis .table-tab1 td {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #366ae2;
  text-align: right; }

#opportunity-analysis .table-tab1 thead th {
  color: #262626;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px; }

#opportunity-analysis .table-tab1 thead th:first-child {
  width: 232px; }

#opportunity-analysis .table-tab1 tbody th {
  color: #404040;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  width: 232px; }

#opportunity-analysis .table-tag th {
  min-width: 250px; }

#opportunity-analysis .table-tag td {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #366ae2;
  text-align: right; }

#opportunity-analysis .table-tag thead th {
  color: #262626;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  background: #fafafa;
  border: none; }

#opportunity-analysis .table-tag thead {
  border: none; }

#opportunity-analysis .table-tag thead th:first-child {
  width: 200px; }

#opportunity-analysis .table-tag thead th:nth-child(2) {
  width: 202px; }

#opportunity-analysis .table-tag thead th:nth-child(3) {
  width: 202px; }

#opportunity-analysis .table-tag thead th:nth-child(5) {
  width: 202px; }

#opportunity-analysis .table-tag thead th:nth-child(6) {
  width: 202px; }

#opportunity-analysis .table-tag tbody th {
  color: #404040;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  width: 232px; }

@media (max-width: 768px) {
  #opportunity-analysis .search__statiscal__analysis {
    display: none; }
  #opportunity-analysis .table__tab3 thead tr th:nth-last-child(1) {
    position: relative;
    text-align: center !important;
    right: 0;
    z-index: 2; }
  #opportunity-analysis .table__tab3 tbody tr td:nth-last-child(1) {
    position: relative;
    text-align: center !important;
    right: 0;
    z-index: 2;
    background: #f5f5f5;
    /* Border/Divider */
    border-bottom: 1px solid #f0f0f0;
    color: #366ae2 !important; }
  #opportunity-analysis .table__tab3 thead tr th:nth-child(2) {
    text-align: left !important;
    background: #fafafa;
    /* Border/Divider */
    border-width: 1px 0px;
    border-style: solid;
    border-color: #f0f0f0;
    padding: 13px 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #262626;
    left: 0;
    z-index: 0; }
  #opportunity-analysis .table__tab3 tbody tr td:nth-child(2) {
    position: relative;
    text-align: left !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    left: 0;
    z-index: 0;
    padding: 20px 16px;
    color: #595959 !important;
    border-bottom: 1px solid #f0f0f0; } }

@media (min-width: 768px) {
  #opportunity-analysis .search__statiscal__analysis {
    display: flex;
    flex-direction: row;
    gap: 12px; }
  #opportunity-analysis .table__tab3 thead tr th:nth-last-child(1) {
    position: sticky;
    text-align: center !important;
    right: 0;
    z-index: 2; }
  #opportunity-analysis .table__tab3 tbody tr td:nth-last-child(1) {
    position: sticky;
    text-align: center !important;
    right: 0;
    z-index: 2;
    background: #f5f5f5;
    /* Border/Divider */
    border-bottom: 1px solid #f0f0f0;
    color: #366ae2 !important; }
  #opportunity-analysis .table__tab3 thead tr th:nth-child(2) {
    position: sticky;
    text-align: left;
    left: 140px;
    z-index: 2;
    background-color: #ebebeb !important; }
  #opportunity-analysis .table__tab3 tbody tr td:nth-child(2) {
    position: sticky;
    text-align: left;
    left: 140px;
    z-index: 2;
    background: #f5f5f5;
    /* Border/Divider */
    border-bottom: 1px solid #f0f0f0; } }

#opportunity-analysis .table__tab2 table tbody tr td {
  text-align: left !important; }

#opportunity-analysis .text-grey {
  color: #404040 !important; }

#opportunity-analysis .table__tab2 tbody tr td:nth-last-child(1) {
  text-align: center; }

#opportunity-analysis .table__tab2 tbody tr td:nth-last-child(2) {
  text-align: center; }

.view-detail {
  background: #f5f5f5 !important; }

.view-detail.background-w {
  background: #ffffff !important; }

.view-detail .breadcrumb {
  background: #f5f5f5 !important; }

.view-detail.background-w .breadcrumb {
  background: #ffffff !important; }

.view-detail .content-body {
  background-color: #fff;
  padding: 32px; }

.view-detail .button-back {
  background-color: #be8a4b;
  border: none;
  padding: 5px 12px;
  align-items: center;
  margin: 16px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff; }

.gap-8 {
  gap: 8px; }

.gap-47 {
  gap: 47px; }

.view-detail .detail {
  border-radius: 8px;
  background-color: #fff;
  padding: 32px;
  display: flex;
  flex-direction: row; }

.view-detail .detail__children-1 {
  flex: 3; }

.view-detail .detail__children-1__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #262626; }

.view-detail .detail__children-1__tab {
  display: flex; }

.view-detail .detail__children-1__tab-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #7a7a7a;
  border-bottom: 1px solid #f5f5f5;
  padding: 0 8px;
  text-align: center; }

.view-detail .detail__children-1__tab-text-selected {
  color: #0f4871;
  border-bottom: 1px solid #0f4871; }

.view-detail .detail__children-1__category {
  padding: 8px 0; }

.view-detail .detail__children-1__category-title {
  padding: 8px 16px;
  background-color: #f5f5f5;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #262626; }

.view-detail .detail__children-1__category-title-table {
  background-color: #f5f5f5; }

.view-detail .detail__children-1__category-info {
  display: flex;
  align-items: flex-start;
  border-bottom: #f5f5f5 solid 1px;
  padding-top: 8px; }

.view-detail .detail__children-1__category-info-no-border {
  display: flex;
  align-items: flex-start;
  /* border-bottom: #f5f5f5 solid 1px; */
  padding-top: 8px; }

.view-detail .detail__children-1__category-info__name {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #262626;
  padding: 0 4px;
  flex: 1; }

.view-detail .detail__children-1__category-info__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #595959;
  padding: 0 4px;
  flex: 2; }

.view-detail .detail__children-1__category-info__button-view {
  justify-content: flex-start;
  align-items: flex-start;
  flex: 2; }

.view-detail .detail__children-1__category-info__button-view-download {
  padding: 5px 12px;
  background: #eef2fd;
  border-radius: 100px;
  border: none;
  color: #366ae2;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px; }

.view-detail .detail__children-1__category-info__button-view-status {
  padding: 5px 12px;
  background: #366ae2;
  border-radius: 100px;
  border: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #fff; }

.view-detail .detail__children-1__category-info__button-view-status-red {
  background: #e14337; }

.view-detail .detail__children-1__category-info__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 0 4px;
  flex: 2; }

.view-detail .detail__children-2 {
  flex: 1;
  /* padding: 0 20px; */ }

.view-detail .detail__children-2__view {
  width: 288px;
  border-radius: 8px;
  padding: 24px 24px;
  margin-bottom: 16px; }

.view-detail .detail__children-2__view__item {
  display: flex;
  align-items: center;
  /* margin-bottom: 12px; */ }

.view-detail .detail__children-2__view-grey {
  background-color: #f5f5f5; }

.view-detail .detail__children-2__view-primary {
  background-color: #edf6fd; }

.view-detail .detail__children-2__view-info {
  background-color: #eef2fd; }

.view-detail .detail__children-2__view-warning {
  background-color: #fff5eb; }

.view-detail .detail__children-2__text-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #7a7a7a;
  margin-bottom: 4px; }

.view-detail .detail__children-2__text-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-bottom: 12px; }

.view-detail .detail__children-2__text-16-b {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-bottom: 12px; }

.view-detail .detail__children-2__text-20 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #0f4871;
  margin-bottom: 16px; }

.view-detail .detail__children-2__text-center {
  text-align: center; }

.view-detail .detail__children-2__text-orange {
  color: #be8a4b; }

.view-detail .detail__children-2__text-primary {
  color: #0f4871; }

.view-detail .detail__children-2__text-black {
  color: #262626; }

.view-detail .detail__children-2__text-primary-sub {
  color: #15659e; }

.view-detail .detail__children-2__text-blue {
  color: #366ae2; }

.view-detail .detail__children-2__button {
  padding: 9px 16px;
  background: #0f4871;
  border-radius: 8px;
  border: none;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  width: 100%; }

.view-detail .detail__children-2__button-brown {
  background: #be8a4b; }

* {
  font-size: 14px;
  font-weight: 400; }

.view-detail .content-body {
  gap: 24px; }

.view-detail .content-body__left {
  min-width: 70%;
  width: -webkit-fill-available;
  gap: 16px; }

.view-detail .content-body__right {
  width: 30%; }

.view-detail .content-body h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #262626; }

.view-detail .nav-tabs {
  justify-content: flex-start;
  flex-wrap: nowrap; }

.view-detail .nav-tabs a {
  color: #7a7a7a;
  font-weight: 500; }

.view-detail .nav-tabs.nav-title a.active {
  color: #0f4871;
  font-weight: 500; }

.view-detail .nav-tabs.nav-title li:has(.active) {
  color: #0f4871;
  border-bottom: 2px solid; }

.view-detail .nav-tabs.isTag li:has(.active) {
  border-bottom: none; }

.view-detail .nav-tabs.nav-title li {
  padding: 13px 16px;
  /* display: contents; */ }

.view-detail .nav-tabs.isTag li {
  padding: 0px 8px;
  /* display: contents; */ }

.view-detail .nav-tabs.nav-title {
  border-bottom: 1px solid #f0f0f0; }

.view-detail .nav-tabs.isTag {
  border-bottom: none; }

.view-detail .nav-tabs a:hover {
  text-decoration: none; }

.view-detail .btn-nav {
  padding: 12px;
  background: #f5f5f5;
  border: none; }

.view-detail .nav-scroll {
  width: -webkit-fill-available;
  white-space: nowrap;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

.view-detail .nav-scroll li {
  display: inline-block; }

.w-fill-available {
  width: -webkit-fill-available; }

.view-detail .tab-content {
  width: 100%;
  /* margin-top: 16px; */ }

.view-detail .infomation {
  padding: 0px 16px;
  align-self: stretch; }

.view-detail .infomation__content {
  align-self: stretch;
  gap: 16px;
  padding: 12px 0px;
  border-bottom: 1px solid #f0f0f0; }

.view-detail .infomation__content div:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #595959; }

.view-detail .infomation__content__title {
  min-width: 30%;
  max-width: 30%;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #262626; }

.view-detail .infomation__content__value {
  width: 70%; }

.tags-fileAttach {
  background: #eef2fd;
  border-radius: 100px;
  padding: 5px 12px;
  color: #366ae2; }

.view-detail .tab-content > .active {
  display: grid !important; }

.view-detail .tab-pane.active {
  display: grid !important; }

.view-detail .card-header {
  border-radius: 8px !important;
  font-weight: 600;
  line-height: 22px;
  color: #262626;
  background-color: #f2f5f8; }

.view-detail .card {
  border: none; }

.view-detail .card-body {
  padding: 0px 16px;
  margin: 16px 0; }

.view-detail .list-personal {
  padding: 16px 0; }

/* fix colunm */
.view-detail table {
  table-layout: fixed; }

.view-detail table tbody th {
  font-weight: 100;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #595959; }

.view-detail table tbody td {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #595959; }

.view-detail .table-Stt thead th:nth-child(1) {
  width: 50px; }

.view-detail .table-Stt thead th:nth-child(2) {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fafafa; }

.view-detail .table-notStt thead th:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fafafa;
  width: 100px; }

.view-detail table thead th {
  white-space: wrap;
  vertical-align: middle !important;
  width: 100px;
  /* width: fit-content; */ }

.view-detail table tbody th {
  position: sticky;
  left: 0;
  background: #ffffff;
  z-index: 1; }

.view-detail .item-table {
  width: 100%;
  max-height: 98vh;
  overflow-x: auto; }

/* fix colunm */
.view-detail table .thead {
  width: 100%;
  background: #fafafa;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #f0f0f0;
  font-weight: 500;
  line-height: 22px;
  color: #262626; }

.view-detail table .thead th {
  font-weight: 500;
  line-height: 22px;
  color: #262626; }

a.tags-tab {
  font-weight: 500;
  background: #f5f5f5;
  border-radius: 100px;
  padding: 4px 12px;
  color: #7a7a7a;
  text-decoration: none;
  cursor: pointer; }

a.tags-tab.active {
  background: #0f4871;
  color: #fff; }

@media (max-width: 1090px) {
  .view-detail .nav-tabs.isTag {
    flex-direction: row;
    gap: 4px !important; }
  .view-detail .nav-tabs.isTag li a {
    white-space: nowrap; }
  /* .view-detail .nav-tabs {
  flex-direction: column;
}
.view-detail .nav-tabs li {
  padding: 13px 16px;
  width: 90%;
} */
  .view-detail .content-body {
    flex-direction: column-reverse !important; }
  .view-detail .content-body__right {
    width: 100%; }
  .view-detail .detail__children-2__view {
    width: 100%; } }

@media (max-width: 400px) {
  .infomation__content {
    flex-direction: column !important; }
  .infomation__content__title {
    min-width: 100% !important; }
  .tags-fileAttach {
    font-size: 11px; }
  .view-detail .nav-tabs.isTag {
    flex-direction: column;
    gap: 8px !important; } }

.filter__modal__keyword__btn {
  border: none;
  padding: 0px 8px;
  border-radius: 8px;
  background-color: #0f4871;
  color: #ffffff; }

#filter-one .create_button {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0f4871;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  gap: 8px;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem; }

.css-height-chart {
  height: 400px;
  width: 100%; }

.egp-field-error-msg {
  color: red;
  font-size: 13px; }

.disable_select_filter {
  cursor: not-allowed !important; }

.field-error {
  border: 1px solid red !important; }

#filter-one .filter__content__btnsetdefault {
  height: 40px;
  border: 1px solid #eef2fd;
  background-color: #eef2fd;
  color: #366ae2;
  border-radius: 8px;
  padding: 0px 16px;
  margin-right: 8px; }

#filter-one .filter__modal__keyword__btn {
  border: none;
  padding: 0px 8px;
  border-radius: 8px;
  background-color: #0f4871;
  color: #ffffff; }

#opportunity-analysis .table__tab3 td {
  vertical-align: middle !important; }

#statistical-detail table th {
  vertical-align: middle; }

.disabled-checkbox-filter {
  background-color: #e9ecef;
  cursor: not-allowed; }

.new-logo-personal-page {
  font-size: 14px;
  font-weight: 700;
  padding-top: 5px;
  position: absolute;
  right: 12px;
  top: 12px;
  background: #E14337;
  color: #ffffff;
  border-radius: 0px 8px;
  height: 32px;
  width: 50px; }

.ant-select-disabled > .ant-select-selection--multiple {
  background-color: #e9ecef !important; }

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

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

.content__long {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.el-pagination.is-background {
  padding: 0px; }

.el-pagination.is-background .el-pager li:not(.disabled).active,
.el-pager li:hover {
  background-color: #0f4871 !important;
  color: #FFFFFF !important; }

.status--cancel {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  padding: 4px 12px;
  background: #B3B3B3;
  border-radius: 100px; }

.search input placeholder {
  color: black; }

.search img {
  color: black; }

.search input:focus {
  outline: none;
  border: none; }