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

#guidulieu {
  min-height: calc(100vh - 147px); }
  #guidulieu #body-breadcrumb {
    padding: 30px 0; }
    #guidulieu #body-breadcrumb .breadcrumb {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      margin: 0 !important;
      margin-bottom: 1rem;
      list-style: none;
      background: white; }
      #guidulieu #body-breadcrumb .breadcrumb .breadcrumb-item a {
        text-decoration: none;
        color: #2e73d5;
        font-size: 16px;
        line-height: 18.75px; }
  #guidulieu .dataset-list {
    margin-top: 50px; }
    #guidulieu .dataset-list .page-title {
      display: flex;
      margin-bottom: 30px; }
      #guidulieu .dataset-list .page-title .page-title__text {
        line-height: 45px;
        font-weight: 700;
        font-size: 30px;
        height: 100%;
        color: #2e73d5;
        float: left; }
      #guidulieu .dataset-list .page-title .page-title__text:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      #guidulieu .dataset-list .page-title .page-right {
        display: inherit; }
    #guidulieu .dataset-list #body-postdata {
      padding: 30px;
      background: #F2F4F9; }
      #guidulieu .dataset-list #body-postdata .section-title {
        margin-bottom: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        #guidulieu .dataset-list #body-postdata .section-title .section-title__image {
          background-color: #2e73d5;
          border-radius: 50%;
          overflow: hidden;
          display: grid;
          color: #fff;
          text-transform: uppercase;
          font-size: 20px;
          text-align: center;
          align-items: center;
          float: left;
          height: 40px;
          width: 40px;
          margin-right: 18px; }
        #guidulieu .dataset-list #body-postdata .section-title .section-title__text {
          flex: auto;
          float: left;
          font-weight: 700;
          font-size: calc(1rem + 4px);
          line-height: 40px;
          padding-right: 10px; }
      #guidulieu .dataset-list #body-postdata .form-group .form-label {
        height: 20px;
        line-height: 20px;
        margin-bottom: 15px;
        font-weight: 600;
        display: flex; }
        #guidulieu .dataset-list #body-postdata .form-group .form-label .text-danger {
          color: #dc3545 !important;
          margin-left: 5px; }
      #guidulieu .dataset-list #body-postdata .form-group .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; }
      #guidulieu .dataset-list #body-postdata .form-group .form-group .form-label + .controls .error-block, #guidulieu .dataset-list #body-postdata .form-group .form-group.hidden-label .controls .error-block {
        order: 2;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        min-height: 22px;
        display: block;
        color: #dc3545;
        text-align: left; }
      #guidulieu .dataset-list #body-postdata .form-group .form-label + .controls .form-control, #guidulieu .dataset-list #body-postdata .form-group .form-group.hidden-label .controls .form-control {
        width: 100%;
        min-height: 45px;
        padding: calc(0.375rem + 3.5px) 0.75rem;
        border: 1px solid #FFFFFF;
        order: 1; }
      #guidulieu .dataset-list #body-postdata .form-group .select2-container {
        margin: 0;
        position: relative;
        display: inline-block;
        vertical-align: middle; }
      #guidulieu .dataset-list #body-postdata .form-group .controls {
        min-height: 45px;
        margin-top: 28px;
        margin-bottom: 30px; }
      #guidulieu .dataset-list #body-postdata .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; }
      #guidulieu .dataset-list #body-postdata .btn.btn-sm {
        height: 30px;
        padding: calc((30px - 20px) / 2) 10px;
        font-size: 1rem;
        border-radius: 5px; }
      #guidulieu .dataset-list #body-postdata .btn.btn-primary {
        color: #FFFFFF;
        background: #2e73d5;
        border-color: #2e73d5; }
      #guidulieu .dataset-list #body-postdata .btn:not(.btn-success):hover {
        color: #FFFFFF;
        background: #A4BFFF; }
      #guidulieu .dataset-list #body-postdata .controls.controls-has-feedback {
        margin-bottom: 8px; }
      #guidulieu .dataset-list #body-postdata .action-link, #guidulieu .dataset-list #body-postdata .action-upload, #guidulieu .dataset-list #body-postdata .action-remove {
        margin-top: 15px;
        margin-left: 20px;
        color: #2e73d5;
        display: inline-flex;
        cursor: pointer;
        margin-bottom: 10px; }
        #guidulieu .dataset-list #body-postdata .action-link i, #guidulieu .dataset-list #body-postdata .action-upload i, #guidulieu .dataset-list #body-postdata .action-remove i {
          width: 15px;
          height: 15px;
          margin-right: 9px; }
      #guidulieu .dataset-list #body-postdata .action__title {
        line-height: 15px;
        cursor: pointer; }
      #guidulieu .dataset-list #body-postdata .form-actions {
        text-align: center; }