:root {
      --amarelo: #E9AE36;
      --muted: rgba(255, 255, 255, .55);
      --cinza: rgba(255, 255, 255, .08);
  }

  body {
      background-color: #000000 !important;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
      background: radial-gradient(1200px 600px at 50% 10%, rgba(242, 178, 51, .12), transparent 60%),
          radial-gradient(900px 500px at 100% 50%, rgba(242, 178, 51, .08), transparent 55%),
          radial-gradient(900px 500px at 15% 80%, rgba(242, 178, 51, .08), transparent 55%),
          linear-gradient(180deg, #0a0a0a 0%, #050505 100%);
      background-repeat: no-repeat;
      background-attachment: fixed;
      color: #ffffff !important;
  }

  .box-cinza {
      color: #ffffff !important;
      background: linear-gradient(180deg, #141414 0%, #0B0B0B 70%, #080808 100%) !important;
      border: 1px solid var(--amarelo) !important;
      box-shadow: 0 1px 7px var(--amarelo) !important;
  }

  .box-cinza-2 {
      background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
      border: 1px solid var(--stroke);
      border-radius: 16px;
      border: 2px solid rgba(242, 178, 51, .55);
  }

  .box-cinza-3 {
      background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 16px;
      box-shadow: 0 10px 35px rgba(0, 0, 0, .35);
      padding: 16px;
  }

  .box-cinza-4 {
      background-color: #00000053 !important;
      border: 1px solid rgba(255, 255, 255, .08);
      border-radius: 16px;
      box-shadow: 0 10px 35px rgba(0, 0, 0, .35);
      padding: 8px;
  }

  .btn-submit {
      background-color: var(--amarelo) !important;
      border-radius: 15px !important;
      padding: 10px 12px !important;
      font-weight: bolder !important;
  }

  .btn-submit-2 {
      background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
      border: 1px solid var(--amarelo) !important;
      border-radius: 15px !important;
      padding: 13px 12px !important;
      color: #ffffff !important;
  }

  .btn-submit-3 {
      background: rgba(255, 80, 80, .08) !important;
      border: 1px solid rgba(255, 80, 80, .35) !important;
      border-radius: 15px !important;
      padding: 13px 12px !important;
      color: #ffffff !important;
  }


  .btn-submit-2:hover {
      background: rgba(255, 255, 255, .06) !important;
      color: #fff !important;
  }

  .img-logo {
      width: 100%;
      height: auto;
      max-width: 100px;
  }

  .text-muted-2 {
      color: #ffffff8c !important;
  }

  .input-diaria {
      background: rgba(255, 255, 255, .06) !important;
      border: 1px solid #ffffff14 !important;
      color: #fff !important;
      border-radius: 12px !important;
      padding: 10px 12px !important;
  }

  .list-sidebar {
      --bs-list-group-bg: transparent !important;
      background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .85)) !important;
      border-top-left-radius: 14px;
      border-bottom-left-radius: 14px;
      height: 100%;
  }

  .list-group-item {
      margin: 10px 0px 10px 0px;
      padding: 12px 12px !important;
      border-radius: 12px;
      font-weight: bolder;
  }

  .list-group-item:hover {
      background: rgba(255, 255, 255, .06) !important;
      color: #fff !important;
  }

  .list-group-item.active {
      background: linear-gradient(90deg, rgba(242, 178, 51, .25), rgba(242, 178, 51, .08));
      border-color: rgba(242, 178, 51, .35);
      margin: 10px 0px 10px 0px;
      padding: 12px 12px !important;
      border-radius: 12px;
      font-weight: bolder;
  }

  .adm-ico {
      width: 22px;
      text-align: center;
      opacity: .9;
      margin-right: 5px;
  }

  .nav-link {
      margin: 3px !important;
      padding: 12px 12px !important;
      border-radius: 12px !important;
      font-weight: bolder !important;
      color: #ffffff !important;
  }

  .nav-link:hover {
      background: rgba(255, 255, 255, .06) !important;
      color: #fff !important;
  }

  .nav-link.active {
      background: linear-gradient(90deg, rgba(242, 178, 51, .25), rgba(242, 178, 51, .08));
      border-color: rgba(242, 178, 51, .35);
      margin: 10px 0px 10px 0px;
      padding: 12px 12px !important;
      border-radius: 12px;
      font-weight: bolder;
  }

  .adm-input {
      background: #ffffff0f !important;
      border: 1px solid var(--stroke) !important;
      color: #fff !important;
      border-radius: 12px !important;
      padding: 10px 12px !important;
  }

  .adm-option {
      background-color: #322f2a !important;
  }

  .adm-label {
      font-size: 13px;
      color: var(--muted);
      margin-bottom: 6px;
  }

  .table {
      --bs-table-bg: rgba(0, 0, 0, .28) !important;
      --bs-table-color: #ffffff !important;
      --bs-table-border-color: transparent !important;
      border-collapse: separate !important;
      border-spacing: 0 !important;
      border-radius: 16px !important;
      overflow: hidden !important;
  }

  thead th {
      color: #ffffff8c !important;
  }

  .btn-marcar {
      background-color: var(--amarelo) !important;
      font-weight: bolder !important;
  }

  .btn-marcar-outline {
      background-color: transparent !important;
      border: 1px solid var(--amarelo) !important;
      font-weight: bolder !important;
      color: #ffffff !important;
  }

  .pagination {
      --bs-pagination-padding-x: 0.9rem !important;
      --bs-pagination-padding-y: 0.45rem !important;
      --bs-pagination-font-size: 0.95rem !important;

      --bs-pagination-color: #ffffff !important;
      --bs-pagination-bg: #ffffff0f !important;
      --bs-pagination-border-color: var(--stroke) !important;
      --bs-pagination-border-width: 1px !important;
      --bs-pagination-border-radius: 12px !important;

      --bs-pagination-hover-color: #000 !important;
      --bs-pagination-hover-bg: rgba(233, 174, 54, .95) !important;
      --bs-pagination-hover-border-color: rgba(233, 174, 54, .95) !important;

      --bs-pagination-focus-color: #000 !important;
      --bs-pagination-focus-bg: rgba(233, 174, 54, .95) !important;
      --bs-pagination-focus-box-shadow: 0 0 0 .2rem rgba(233, 174, 54, .18) !important;

      --bs-pagination-active-color: #000 !important;
      --bs-pagination-active-bg: var(--amarelo) !important;
      --bs-pagination-active-border-color: var(--amarelo) !important;

      --bs-pagination-disabled-color: rgba(255, 255, 255, .45) !important;
      --bs-pagination-disabled-bg: rgba(255, 255, 255, .04) !important;
      --bs-pagination-disabled-border-color: rgba(255, 255, 255, .08) !important;

      display: flex !important;
      padding-left: 0 !important;
      list-style: none !important;
  }

  .pagination .page-item {
      margin: 0 4px !important;
  }

  .pagination .page-link {
      border-radius: 12px !important;
      border: 1px solid var(--stroke) !important;
      background: #ffffff0f !important;
      color: #ffffff !important;
      transition: transform .08s ease, background-color .15s ease, border-color .15s ease, color .15s ease !important;
  }

  .pagination .page-link:hover {
      transform: translateY(-1px) !important;
      background: rgba(233, 174, 54, .95) !important;
      border-color: rgba(233, 174, 54, .95) !important;
      color: #000 !important;
  }

  .pagination .page-link:focus {
      box-shadow: 0 0 0 .2rem rgba(233, 174, 54, .18) !important;
  }

  .pagination .page-item.active .page-link {
      background: var(--amarelo) !important;
      border-color: var(--amarelo) !important;
      color: #000 !important;
      font-weight: 800 !important;
  }

  .pagination .page-item.disabled .page-link {
      opacity: .65 !important;
      cursor: not-allowed !important;
      background: rgba(255, 255, 255, .04) !important;
      border-color: rgba(255, 255, 255, .08) !important;
      color: rgba(255, 255, 255, .45) !important;
  }