@charset "UTF-8";
/******* RESPONSIVE ********/
/****Màn hình máy tính thông thường****/
/****Màn hình desktop loại bé****/
/**** Màn hình ipad hiển thị theo chiều ngang (Landscape) ****/
/****Màn hình ipad loại bé hiển thị theo chiều ngang (Landscape)****/
/****Màn hình ipad hiển thị theo chiều dọc (Portrait)****/
/****Màn hình ipad loại bé hiển thị theo chiều dọc (Portrait)****/
/****Màn hình điện thoại hiển thị theo chiều ngang (Landscape)****/
/****Màn hình điện thoại Iphone Plus****/
/****Màn hình điện thoại Iphone****/
/****Màn hình điện thoại loại bé****/
ul, li {
  list-style: none; }

body {
  color: #0a2540;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px; }

p {
  margin: 0 auto; }

a:hover {
  text-decoration: none; }

#huongdan {
  min-height: calc(100vh - 147px); }
  #huongdan #body-breadcrumb {
    padding: 30px 0; }
    #huongdan #body-breadcrumb .breadcrumb {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0 !important;
      margin-bottom: 1rem;
      list-style: none;
      background: white; }
      #huongdan #body-breadcrumb .breadcrumb .breadcrumb-item a {
        text-decoration: none;
        color: #2e73d5;
        font-size: 16px;
        line-height: 18.75px; }
  #huongdan .module-content {
    margin-top: 50px; }
    #huongdan .module-content .page-title {
      display: flex;
      margin-bottom: 30px; }
      #huongdan .module-content .page-title .page-title__text {
        line-height: 45px;
        font-weight: 700;
        font-size: 30px;
        height: 100%;
        color: #2e73d5;
        float: left; }
    #huongdan .module-content .btn.btn-primary {
      color: #FFFFFF;
      background: #2e73d5;
      border-color: #2e73d5; }
    #huongdan .module-content .search-input-group, #huongdan .module-content .control-order-by {
      margin-bottom: 20px; }
    #huongdan .module-content .search-input-group {
      display: flex;
      flex-direction: row; }
      #huongdan .module-content .search-input-group .search-with-date-group {
        display: flex;
        position: relative;
        flex: 1; }
        #huongdan .module-content .search-input-group .search-with-date-group input:not(.datepicker__input) {
          background: #FFFFFF;
          border: 1px solid #D7DAE2;
          border-radius: 10px;
          width: unset;
          flex: auto;
          height: 45px; }
        #huongdan .module-content .search-input-group .search-with-date-group .content_dropdown {
          display: none;
          position: absolute;
          top: 50px;
          width: 100%;
          border-radius: 10px;
          background-color: #fff;
          min-width: 250px;
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          z-index: 1; }
      #huongdan .module-content .search-input-group .btn-search {
        margin-left: 10px;
        padding: 0;
        width: 45px;
        height: 45px;
        border-radius: 18px; }
    #huongdan .module-content #search-stags-news, #huongdan .module-content #search-news #search-time, #huongdan .module-content #search-status, #huongdan .module-content #search-news #field-giant-search {
      box-sizing: border-box;
      border: 1px solid #D7DAE2;
      border-radius: 10px;
      background: #FFFFFF;
      min-height: 45px; }
    #huongdan .module-content .form-control {
      display: block;
      width: 100%;
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    #huongdan .module-content .search-form .row + .search_title {
      margin-bottom: 20px;
      padding: 15px 25px;
      background: #EBFFF5;
      font-weight: 700;
      line-height: calc(1rem + 3px);
      color: #008F00; }
    #huongdan .module-content .search-form .control-order-by select, #huongdan .module-content .search-form .search-by-format select {
      background: #FFFFFF;
      border: 1px solid #D7DAE2;
      border-radius: 10px;
      height: 45px; }
    #huongdan .module-content .user-manual-content .category-list {
      background: #F2F4F9;
      border-radius: 5px; }
      #huongdan .module-content .user-manual-content .category-list .category-list__heading {
        background: #2e73d5;
        padding: 16px 13px 16px 20px;
        font-weight: 700;
        line-height: calc(1rem + 3px);
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 15px; }
      #huongdan .module-content .user-manual-content .category-list .filter-list__body .filter-list__item:not(:last-child) {
        border-bottom: 1px solid #E5EBFB; }
      #huongdan .module-content .user-manual-content .category-list .filter-list__body .filter-list__item {
        padding: 13px 20px;
        color: #000000;
        flex-direction: row;
        display: flex;
        font-size: 15px; }
        #huongdan .module-content .user-manual-content .category-list .filter-list__body .filter-list__item .dataset-name {
          float: left;
          flex: auto;
          white-space: nowrap;
          overflow: hidden !important;
          text-overflow: ellipsis;
          padding-right: 10px; }
        #huongdan .module-content .user-manual-content .category-list .filter-list__body .filter-list__item .count-dataset {
          display: block;
          float: left;
          width: 20px;
          font-weight: 700;
          text-transform: capitalize;
          color: #000000;
          direction: rtl; }
    #huongdan .module-content .user-manual-content .right-content .right-content__img img {
      width: 100%;
      height: 200px;
      border-radius: 10px; }
    #huongdan .module-content .user-manual-content .right-content .right-content__text .right-content__title {
      font-weight: 700;
      margin-bottom: 5px;
      font-size: 20px;
      line-height: 30px;
      color: #2e73d5; }
    #huongdan .module-content .user-manual-content .right-content .right-content__text .right-content__time {
      font-size: 15px;
      color: #AFACAC;
      line-height: 20px; }
    #huongdan .module-content .user-manual-content .right-content .right-content__text .right-content__summary {
      font-size: 15px;
      -webkit-line-clamp: 4;
      line-height: calc(1rem + 3px);
      margin-top: 10px;
      margin-bottom: 10px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-align: justify; }
    #huongdan .module-content .user-manual-content .right-content .right-content__text .fst-italic {
      font-size: 15px;
      font-style: italic !important; }
    #huongdan .module-content .user-manual-content .right-content .right-content__text a {
      color: #084C95; }