@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é****/
@font-face {
  font-family: 'Manrope';
  src: url("../../fonts/Manrope/Manrope-VariableFont_wght.ttf") format("truetype"); }

ul, li {
  list-style: none; }

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

p {
  margin: 0 auto; }

a:hover {
  text-decoration: none; }

[class*="col-"] {
  padding-left: 15px;
  padding-right: 15px; }

body #pDichVuDuLieu {
  min-height: calc(100vh - 240px);
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  box-sizing: border-box; }
  body #pDichVuDuLieu .container-custom .title-dulieu {
    color: #4f76dd; }
  body #pDichVuDuLieu .container-custom #btnFormSearchDVDL {
    font-size: 14px;
    background-color: #4f76dd;
    font-weight: 500;
    color: #fff; }
  body #pDichVuDuLieu .container-custom .list-group-item.active {
    z-index: 2;
    color: #0056b3 !important;
    background-color: #e9e9e970;
    border-color: #e9e9e970; }
  body #pDichVuDuLieu .container-custom .list-group-item:last-child {
    color: #9b9b9b;
    font-weight: 500;
    font-size: 15px; }
  body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-filter .txt-tukhoa {
    font-size: 14px;
    height: 42px;
    padding-left: 20px; }
  body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-filter .nice-select .list {
    width: 100%;
    max-height: 200px;
    overflow-y: scroll; }
  body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-filter .nice-select span.current {
    color: #6c757d; }
  body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-filter .box-phantrang {
    float: right;
    margin-bottom: -15px; }
    body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-filter .box-phantrang .pagination > li > a, body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-filter .box-phantrang .pagination > li > span {
      padding: 8px 14px;
      font-size: 13px;
      cursor: pointer;
      border: 1px solid #ccc;
      margin: 0 2px;
      border-radius: 4px;
      font-weight: 500;
      opacity: .9;
      user-select: none; }
    body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-filter .box-phantrang .pagination > .active > a {
      background-color: #4f76dd;
      border-color: #4f76dd;
      color: #fff; }
  body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-content table thead tr {
    background-color: #4f76dd;
    color: #fff; }
  body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-content table tbody {
    font-size: 14px; }
    body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-content table tbody tr .see-more i {
      padding: 0 12px;
      cursor: pointer; }
  body #pDichVuDuLieu .container-custom #myTabContent #dmcsdl .dmcsdl-content .box-thongbao {
    padding: 20px 10px;
    color: #fff;
    background-color: rgba(0, 46, 137, 0.6);
    border-radius: 5px; }
  body #pDichVuDuLieu .container-custom #myTabContent #dkccdl > div {
    box-shadow: 0 0 6px #ccc;
    border-radius: 4px;
    padding: 30px; }
    body #pDichVuDuLieu .container-custom #myTabContent #dkccdl > div .form-row .form-group input {
      font-size: 14px; }
  body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div {
    box-shadow: 0 0 6px #ccc;
    border-radius: 4px;
    padding: 30px; }
    body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group .wrapper .toggle-next {
      border-radius: 0; }
    body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group .wrapper label {
      cursor: pointer;
      padding: 4px 0;
      margin: 4px 0;
      border-bottom: 1px solid #ccc;
      width: 100%;
      opacity: .7; }
    body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group .wrapper .ellipsis {
      text-overflow: ellipsis;
      width: 100%;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden; }
    body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group .wrapper .apply-selection {
      display: none;
      width: 100%;
      margin: 0;
      padding: 5px 10px;
      border-bottom: 1px solid #ccc; }
      body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group .wrapper .apply-selection .ajax-link {
        display: none; }
    body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group .wrapper .checkboxes {
      margin: 0;
      display: none;
      border: 1px solid #ccc;
      border-top: 0;
      position: absolute;
      width: 100%;
      z-index: 1;
      background-color: white;
      box-shadow: 2px 2px 5px #ebe9e9; }
      body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group .wrapper .checkboxes .inner-wrap {
        padding: 5px 10px;
        max-height: 150px;
        overflow: auto; }
    body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group textarea, body #pDichVuDuLieu .container-custom #myTabContent #dksddvdl > div .form-row .form-group input {
      font-size: 14px; }
  body #pDichVuDuLieu .container-custom #myTabContent #dknttcn table thead tr {
    background-color: #4f76dd;
    color: #fff; }
  body #pDichVuDuLieu .container-custom #myTabContent #dknttcn table tbody tr td i {
    cursor: pointer;
    padding: 0 12px; }