body {}
  body.dark {
    font-size: 1rem;
    background-color: #042044; }
    body.dark a {
      color: #badaff; }
    body.dark .input-group-text {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: #021835;
      color: rgba(255, 255, 255, 0.7);
      height: 34px; }
    body.dark .custom-select, body.dark .form-control {
      border-color: rgba(0, 0, 0, 0.25); }
    body.dark .form-control {
      height: 34px;
      color: white; }
    body.dark .textarea-comment {
      background-color: rgba(255, 255, 255, 0.1);
      color: rgba(255, 255, 255, 0.7);
      border-color: #00060d; }
    body.dark .site-header .navbar-wrapper {
      background-color: #021529;
      border-bottom-color: #00060d; }
      body.dark .site-header .navbar-wrapper .navbar-header .site-logo {
        text-align: center;
        width: 500px; }
        body.dark .site-header .navbar-wrapper .navbar-header .site-logo a {
          width: 100%;
          color: white;
          white-space: nowrap;
          margin: 8px auto 0;
          text-decoration: none; }
          body.dark .site-header .navbar-wrapper .navbar-header .site-logo a span {
            font-size: 1rem; }
      body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link {
        font-weight: 500;
        color: rgba(255, 255, 255, 0.5);
        border-color: #00060d; }
        body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link:active, body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link:focus, body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .nav-link:hover {
          color: white; }
      body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu {
        width: 229px;
        background-color: #021529; }
        body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item .sub-menu-link {
          border-color: rgba(255, 255, 255, 0.1); }
        body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item .sub-menu .sub-menu-item.active .sub-menu-link {
          background-color: rgba(0, 0, 0, 0.5); }
      body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item.active .nav-link {
        color: white;
        background-color: black; }
      body.dark .site-header .navbar-wrapper .navbar-header .navbar-nav .nav-item:first-child .sub-menu {
        width: 228px;
        margin-left: 1px; }
      body.dark .site-header .navbar-wrapper .navbar-header .navbar-login {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 400;
        font-size: 0.875rem; }
    body.dark .div-breadcrumb ul.ul-breadcrumb {
      background-color: rgba(0, 0, 0, 0.5); }
      body.dark .div-breadcrumb ul.ul-breadcrumb li {
        opacity: 0.9; }
    body.dark .card {
      background-color: #102A4C;
      border: 1px solid #00060d; }
      body.dark .card .card-header::before {
        background-color: rgba(237, 242, 249, 0.2); }
      body.dark .card .card-body .card-body-title .title {
        color: white !important; }
    body.dark ul.ul-status {
      background-color: #1A3960;
      overflow: hidden; }
      body.dark ul.ul-status li {
        border-top: 1px solid rgba(255, 255, 255, 0.1); }
        body.dark ul.ul-status li:first-child, body.dark ul.ul-status li:nth-child(2) {
          border-top: none; }
        body.dark ul.ul-status li.title::before {
          background-color: #102A4C; }
    body.dark ul.ul-step li .desc {
      color: white; }
      body.dark ul.ul-step li .desc.bg-1 {
        background-color: #1A3960; }
      body.dark ul.ul-step li .desc.bg-2 {
        background-color: #314d70; }
      body.dark ul.ul-step li .desc.bg-3 {
        background-color: #486180; }
      body.dark ul.ul-step li .desc span {
        color: rgba(255, 255, 255, 0.5); }
    body.dark ul.ul-step li::before {
      background-color: #042044; }
    body.dark dl.dl-complaint dt, body.dark dl.dl-complaint dd {
      border-bottom-color: rgba(255, 255, 255, 0.1); }
    body.dark .table__data thead tr th {
      color: white;
      font-size: 15px }
    body.dark .table__data .bg-red, body.dark .table__data .bg-yellow {
      color: white; }
    body.dark .div-search {
      background-color: #021B3B;
      border-top: 1px solid #00060d;
      border-bottom: 1px solid #00060d; }
      body.dark .div-search .input-group-prepend {
        height: 34px; }
      body.dark .div-search .input-group-text {
        background-color: rgba(255, 255, 255, 0.1);
        border-color: #021835;
        color: rgba(255, 255, 255, 0.7); }
      body.dark .div-search .custom-select, body.dark .div-search .form-control {
        background-color: rgba(255, 255, 255, 0.15);
        border-color: rgba(0, 0, 0, 0.25); }
      body.dark .div-search .form-control {
        height: 34px; }
    body.dark .chosen-container-single .chosen-single {
      height: 34px;
      line-height: 34px; }
      body.dark .chosen-container-single .chosen-single div {
        background-color: transparent; }
        body.dark .chosen-container-single .chosen-single div::after {
          top: 0; }
    body.dark .chosen-container .chosen-drop {
      background-color: #283C58;
      border-color: #021835; }
    body.dark .chosen-container-single .chosen-search input[type="text"] {
      height: 30px; }
    body.dark .chart-wrap {
      background-color: rgba(0, 0, 0, 0.1); }
    body.dark .btn-light {
      background-color: #1A3960;
      border-color: #00060d;
      color: white; }
    body.dark .card.type-a {
      border-color: #00060d; }
    body.dark .table__normal th {
      background-color: #5071bc;
      color: rgba(255, 255, 255, 0.7); }
    body.dark .table__normal td {
      color: rgba(255, 255, 255, 0.7); }
    body.dark .table__normal tr.has-line-top {
      border-color: rgba(255, 255, 255, 0.1); }
    body.dark .modal-content {
      background-color: transparent; }
      body.dark .modal-content .modal-header, body.dark .modal-content .modal-footer {
        color: white;
        background-color: #041e41;
        border-color: rgba(0, 0, 0, 0.4); }
        body.dark .modal-content .modal-header .modal-title, body.dark .modal-content .modal-footer .modal-title {
          color: white; }
      body.dark .modal-content .modal-body {
        background-color: #042044; }
        body.dark .modal-content .modal-body .modal-body-search {
          background-color: #021B3B;
          border-top: 1px solid #02162f;
          border-bottom: 1px solid #02162f; }
    body.dark .modal__flat .modal-content .modal-header {
      border: inherit; }
    body.dark .main-content.login-bg {
      background-color: #042044;
      background-image: none; }
      body.dark .main-content.login-bg h1 {
        color: white; }
        body.dark .main-content.login-bg h1 span {
          font-size: 60%; }
      body.dark .main-content.login-bg .btn-default {
        border-color: #00060d; }
      body.dark .main-content.login-bg .login-privacy {
        color: rgba(255, 255, 255, 0.8);
        border-color: rgba(255, 255, 255, 0.8); }
    body.dark .main-content .privacy-box {
      color: rgba(255, 255, 255, 0.7); }
      body.dark .main-content .privacy-box h6 {
        color: white; }
      body.dark .main-content .privacy-box .div-agree-wrap {
        color: white; }

.body-admin-login.dark .table__form th {
  color: white; }