* {
    font-weight: 500 !important;
  }
  button {
    outline: none !important;
  }
  
  .btn-primary {
    background-color: #ee7103 !important;
  }
  
  .text-primary {
    color: #ee7103 !important;
  }
  
  body {
    background-color: #000000 !important;
  }
  
  .footer-wrapper {
    background: red;
  }
  .footer-wrapper .upper-foot {
    border-bottom: 1px solid #ee7103;
  }
  
  .section-body {
    min-height: calc(100vh - 152.67px);
  }
  .section-body .card.item-card {
    border-radius: 36px;
    border: 5px solid #d5d1d1 !important;
    overflow: hidden;
  }
  .section-body .card.item-card .card-title {
    background-color: #d1690e !important;
    color: #fff !important;
    font-size: 25px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 0 0px 20px 20px !important;
  }
  @media (max-width: 600px) {
    .section-body .card.item-card .card-title {
      font-size: 16px !important;
    }
  }
  .section-body .table-section .main-table .thead tr th {
    color: #ee7103 !important;
  }
  /*# sourceMappingURL=style.css.map */
  
  /*login page*/
  .card-theme {
    background: linear-gradient(360deg,#000000,#72000075)!important;
    border: 0 !important;
    border-radius: 10px !important;
  }
  .login-input {
    background: black !important;
    border: 0 !important;
    color: #700000 !important;
  }
  .login-btn {
      background: linear-gradient(180deg, #3c0000, #1c0000) !important;
      border: 0 !important;
      color: #939393 !important;
      font-weight: bold !important;
  }
  .form-check-input:checked {
      background-color: #970000 !important;
      border: 0 !important;
  }
  .divider:after, .divider:before {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
  }
  .h-custom {
  height: calc(100% - 73px);
  }
  @media (max-width: 450px) {
  .h-custom {
  height: 100%;
  }
  }
  /*login page*/
  
  ul.list-items {
    display: none;
    position: absolute;
    list-style: none;
    color: #9e9e9e;
    background: #212529;
    font-weight: 500;
    padding: 10px 0;
    min-width: 150px;
    border: 1px solid gray;
    border-radius: 5px;
    top: 50px;
    right: 0;
    transition: opacity 0.5s, top 0.5s;
  }
  li.list-item:hover {
      background: #4d4e4e4a;
      cursor: pointer;
  }
  
  li.list-item {
      padding: 10px 15px;
  }
  .admin-submenu {
    background: none;
    padding: 5px 10px;
    border-radius: 10px;
  }
  .admin-submenu > span.text-secondary {
    font-weight: 500;
  }
  
  tr th {
    color: dimgray !important;
  }
  
  tr td {
    color: gainsboro !important;
  }
  
  .modal-content {
  background: #1a1a1a !important;
  backdrop-filter: blur(2px);
  }
  
  .modal-content * {
    color: gray !important;
  }
  
  .input-dark {
  background-color: black !important;
  border: 0 !important;
  }
  
  .modal-content button {
  border: 0;
  background: #4f0303;
  color: #717171 !important;
  font-weight: 500 !important;
  }
  .select2-selection.select2-selection--single {
    background: black !important;
    border: 0 !important;
    height: 36px !important;
  }
  .select2-selection__rendered {
    padding: 3px 10px !important;
  }
  .select2-selection__arrow {
    height: -webkit-fill-available !important;
  }
  .select2-dropdown {
  background: #262626 !important;
  border: 0 !important;
  color: gray !important;
  }
  .select2-results__option--selected {
    background-color: #040404 !important;
  }
  .select2-results__option--highlighted {
    background-color: #607d8b !important;
  }
  tr > td.active.day {
    background: linear-gradient(0deg, black, #a50000) !important;
  }
  
  tr td.old_day, tr td.day {
    color: gray !important;
  }
  
  .table-container {
    min-height: 57vh;
  }
  
  tr td {
    vertical-align: middle;
  }
  button.btn.btn-edit {
      background: linear-gradient(0deg, black, #0073cf);
      border: 0;
      color: darkgray;
      padding: 3px 10px !important;
  }
  button.btn.btn-update {
    background: linear-gradient(0deg, black, #00ab07);
      border: 0;
      color: white;
      padding: 2px 9px !important;
      font-size: 18px;
  }
  button.btn.btn-delete {
    background: linear-gradient(0deg, black, #7e0000);
      border: 0;
      color: white;
      padding: 3px 11px !important;
  }
  button.btn.btn-add-new {
    border: 0;
      background: linear-gradient(0deg, #181717, #3f51b5);
      color: #ffffff8c;
      font-weight: 500;
  }
  button.close-modal {
    line-height: 1 !important;
  }
  .toast-message {
    font-size: 17px !important;
  }
  #toast-container>div {
    opacity: 1 !important;
    width: 300px !important;
  }
  .toast-close-button {
    margin-top: 9px !important;
    margin-right: 9px !important;
  }
  
  @media (min-width: 241px) and (max-width: 480px) {
  
  #toast-container>div {
      padding: 15px 12px 15px 50px !important;
      width: 20em !important;
  }
  
  @media (max-width: 375px) {
    .col-6 {
      width: 100% !important;
    }
  }
  
  }
  .page-link:focus {
   box-shadow: none !important;
  }
  .page-item:hover {
    background: #212529 !important;
  }
  
  /* History Page select */
  .cold-dark-select .select2-selection.select2-selection--single {
    background: linear-gradient(180deg, #212529, #141414) !important;
    border: 0 !important;
    height: 36px !important;
  }
  .cold-dark-select .select2-container {
    width: 250px !important;
  }
  .cold-dark-select .select2-selection__rendered {
    text-align: center !important;
    color: #7c7c7c !important;
    font-weight: 500;
  }
  .background-image-container {
    position: fixed;
      width: 100%;
      height: 100vh;
      background-image: url(pwr_782.png);
      background-size: contain;
      opacity: 0.2;
      z-index: 0;
      background-position-x: center;
      background-position-y: 50%;
      pointer-events: none;
      background-repeat: no-repeat;
  }
  select {
    padding: 6px 20px;
      background: #212529;
      color: #fff;
      border-radius: 4px;
      border-color: #2f2f2f;
      outline: none;
      font-size: 14px;
      width: 100%;
  }
  .navbar-toggler {
    box-shadow: none !important;
  }
  .welcome > h3 {
    color: #ffffff;
    text-shadow: 0 0 8px #ffffff7d;
  }