@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; }

#chitietdulieu {
  min-height: calc(100vh - 147px); }
  #chitietdulieu #body-breadcrumb {
    padding: 30px 0; }
    #chitietdulieu #body-breadcrumb .breadcrumb {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0 !important;
      margin-bottom: 1rem;
      list-style: none;
      background: white; }
      #chitietdulieu #body-breadcrumb .breadcrumb .breadcrumb-item a {
        text-decoration: none;
        color: #2e73d5;
        font-size: 16px;
        line-height: 18.75px; }
  #chitietdulieu .btn {
    border: 0;
    background: #DDE4F4;
    color: #2e73d5;
    border-radius: 10px;
    height: 45px;
    padding: calc((45px - 20px) / 2) 20px;
    line-height: 20px;
    font-size: 16px;
    white-space: nowrap; }
  #chitietdulieu .btn.btn-primary {
    color: #FFFFFF;
    background: #2e73d5;
    border-color: #2e73d5; }
  #chitietdulieu .download-XLS, #chitietdulieu .download-XLSX {
    background: #1d6a3f;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-XLS i, #chitietdulieu .download-XLS span, #chitietdulieu .download-XLSX i, #chitietdulieu .download-XLSX span {
      color: white; }
  #chitietdulieu .download-DOC, #chitietdulieu .download-DOCX {
    background: #0f3d8c;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-DOC i, #chitietdulieu .download-DOC span, #chitietdulieu .download-DOCX i, #chitietdulieu .download-DOCX span {
      color: white; }
  #chitietdulieu .download-PDF {
    background: #db0001;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-PDF i, #chitietdulieu .download-PDF span {
      color: white; }
  #chitietdulieu .download-ZIP, #chitietdulieu .download-ZAR {
    background: #96411b;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-ZIP i, #chitietdulieu .download-ZIP span, #chitietdulieu .download-ZAR i, #chitietdulieu .download-ZAR span {
      color: white; }
  #chitietdulieu .download-IMG {
    background: #2e73d5;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-IMG i, #chitietdulieu .download-IMG span {
      color: white; }
  #chitietdulieu .download-API {
    background: #0272f7;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-API i, #chitietdulieu .download-API span {
      color: white; }
  #chitietdulieu .download-JSON {
    background: #2e73d5;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-JSON i, #chitietdulieu .download-JSON span {
      color: white; }
  #chitietdulieu .download-HTML {
    background: #44866a;
    float: left;
    padding: 2px 9px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 5px; }
    #chitietdulieu .download-HTML i, #chitietdulieu .download-HTML span {
      color: white; }
  #chitietdulieu .dataset .icon {
    padding: 8.5px 15px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 50%;
    color: #FFFFFF;
    background: #355DAF;
    border-color: #355DAF;
    margin-right: 20px; }
  #chitietdulieu .dataset .section {
    padding: 30px;
    background: #F2F4F9; }
    #chitietdulieu .dataset .section .resource-list {
      margin-bottom: 30px;
      background: #F2F4F9;
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      padding: 0 20px; }
      #chitietdulieu .dataset .section .resource-list .resource-item {
        padding: 20px 0; }
        #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__icon {
          margin-right: 20px;
          float: left; }
          #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__icon img {
            height: 40px;
            width: 30px; }
        #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content {
          float: left;
          width: calc(100% - 50px); }
          #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__header {
            flex-direction: row;
            display: flex; }
            #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__header .resource-item__title {
              font-weight: 700;
              font-size: calc(1rem + 4px);
              line-height: calc(1rem + 7px);
              color: #2e73d5;
              margin-bottom: 10px;
              word-break: break-word; }
            #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__header .resource-item__action {
              flex: auto;
              margin-top: -5px;
              margin-right: -5px; }
              #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__header .resource-item__action .btn {
                float: right;
                margin: 5px;
                width: 110px;
                height: 30px; }
          #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__info-item {
            flex-direction: row;
            display: flex;
            flex-wrap: wrap; }
            #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__info-item .resource-item__info-item-label {
              width: 170px; }
          #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__descriptions {
            margin-top: 5px;
            text-align: justify;
            color: #6c757d; }
          #chitietdulieu .dataset .section .resource-list .resource-item .resource-item__content .resource-item__download {
            margin-top: 10px; }
    #chitietdulieu .dataset .section .resource_gird {
      margin-bottom: 30px;
      background: #F2F4F9;
      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      padding: 0 20px;
      height: 100%; }
      #chitietdulieu .dataset .section .resource_gird .resource-item {
        padding: 20px 0;
        margin: 20px 0; }
        #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__icon {
          margin-right: 20px;
          float: left; }
          #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__icon img {
            height: 40px;
            width: 30px; }
        #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content {
          float: left;
          width: calc(100% - 50px); }
          #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__header {
            flex-direction: row;
            display: flex; }
            #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__header .resource-item__title {
              font-weight: 700;
              font-size: calc(1rem + 4px);
              line-height: calc(1rem + 7px);
              color: #2e73d5;
              margin-bottom: 10px;
              word-break: break-word; }
            #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__header .resource-item__action {
              flex: auto;
              margin-top: -5px;
              margin-right: -5px; }
              #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__header .resource-item__action .btn {
                float: right;
                margin: 5px; }
          #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__info-item {
            flex-direction: row;
            display: flex;
            flex-wrap: wrap; }
            #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__info-item .resource-item__info-item-label {
              width: 170px; }
          #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__descriptions {
            margin-top: 5px;
            text-align: justify;
            color: #6c757d; }
          #chitietdulieu .dataset .section .resource_gird .resource-item .resource-item__content .resource-item__download {
            margin-top: 10px; }
    #chitietdulieu .dataset .section .section-title {
      margin-bottom: 20px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      #chitietdulieu .dataset .section .section-title .section-title__image {
        float: left;
        height: 40px;
        width: 40px;
        margin-right: 18px; }
      #chitietdulieu .dataset .section .section-title .section-title__text {
        flex: auto;
        float: left;
        font-weight: 700;
        font-size: calc(1rem + 4px);
        line-height: 40px;
        padding-right: 10px; }
    #chitietdulieu .dataset .section .tags {
      flex-wrap: wrap;
      display: flex;
      margin: -5px -5px 25px -5px; }
      #chitietdulieu .dataset .section .tags .tag {
        margin: 5px;
        padding: 10px 20px;
        height: 40px;
        background: #DDE4F4;
        border-radius: 20px;
        line-height: 20px;
        color: #2e73d5;
        text-align: center;
        white-space: nowrap; }
    #chitietdulieu .dataset .section #display_vertical {
      margin-bottom: 50px; }
    #chitietdulieu .dataset .section .dataset-description {
      font-size: 1rem;
      line-height: calc(1rem + 3px);
      text-align: justify;
      margin-bottom: 20px;
      white-space: pre-line;
      display: flex; }
    #chitietdulieu .dataset .section .table-custom thead {
      color: #fff;
      text-transform: uppercase; }
      #chitietdulieu .dataset .section .table-custom thead th {
        background-color: #2e73d5;
        padding: 16px 19px 15px 19px;
        vertical-align: middle;
        border: 1px solid #BFCCE9;
        text-align: center; }
    #chitietdulieu .dataset .section .table-custom tbody tr td {
      color: #000000;
      padding: 10px;
      border: 1px solid #BFCCE9;
      font-weight: 400;
      font-size: 1rem;
      line-height: calc(1rem + 3px);
      vertical-align: middle;
      background: #F2F4F9; }
    #chitietdulieu .dataset .section .rating-dataset {
      margin-bottom: 30px; }
    #chitietdulieu .dataset .section .dataset__share {
      margin-left: 60px; }
      #chitietdulieu .dataset .section .dataset__share img {
        width: 20px;
        height: 20px; }