/** CSS PRIMARY COLORS */
:root {
    /* --color-primary-a0: #ffffff;
    --color-primary-a10: #d7e6e6;
    --color-primary-a20: #b0cece;
    --color-primary-a30: #88b6b7;
    --color-primary-a50: #5f9ea0;
    --color-primary-a60: #487475;
    --color-primary-a70: #324d4d;
    --color-primary-a80: #1d2829;
    --color-primary-a90: #000000; */
    --bs-body-font-size: 0.9rem;
    /* --bs-primary-rgb: #8B0000;
    --bs-primary: #8B0000;
    --bs-danger: #8B0000; */
    /* .bg-primary {
      background-color: cadetblue !important;
    } */
  }
  /* .btn-primary {
    color: #fff;
    background-color: #8B0000;
    border-color: #8B0000;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #8B0000;
    border-color: #8B0000;
  }
  .btn-primary:active {
    color: #fff;
    background-color: #8B0000;
    border-color: #8B0000;
  }

  .btn-primary.disabled, .btn-primary:disabled {
      color: #fff;
      background-color: #8B0000;
      border-color: #8B0000;
  }

  .btn-check:focus+.btn-primary, .btn-primary.focus {
    color: #fff;
    background-color: #8B0000;
    border-color: #8B0000;
  }

  .btn-check:focus+.btn-primary, .btn-primary:focus {
      color: #fff;
      background-color: #8B0000;
      border-color: #8B0000;
      box-shadow: 0 0 0 0.25rem #8B0000;
  }

  .show>.btn-primary.dropdown-toggle {
      color: #fff;
      background-color: #8B0000;
      border-color: #8B0000;
  }

  .page-item.active .page-link {
      z-index: 3;
      color: #fff;
      background-color: #8B0000;
      border-color: #8B0000;
  }
    
  .bg-primary {
    --bs-bg-opacity: 1;
    background-color: #8B0000!important;
  }

  .navbar {
    background-color: #8B0000;
    color: #373a3c!important;
  }

  .btn-danger {
    color: #fff;
    background-color: #8B0000;
    border-color: #8B0000;
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #8B0000;
    border-color: #8B0000;
  }
  .btn-danger:active {
    color: #fff;
    background-color: #8B0000;
    border-color: #8B0000;
  }

  .btn-danger.disabled, .btn-danger:disabled {
      color: #fff;
      background-color: #8B0000;
      border-color: #8B0000;
  }

  .nav-link {
    color: #8B0000;
  } */

  .btn-width {
    width: 100%;
  }

  .drp-width {
    width: 500px;
  }

  .modebar{
    display: none !important;
}
  
  .DateInput_input, .DateInput_input_1 {
    color: inherit !important;
    text-align: center;
    font-size: inherit ! important;
    Height: 35px !important;
    Width: 100% !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  ._dash-loading {
    margin: auto;
    color: transparent;
    width: 2rem;
    height: 2rem;
    text-align: center;
  }
  
  ._dash-loading::after {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 2rem;
    color: var(--secondary);
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
    margin-top: 2rem;
  }

  .alert-fixed {
    position:fixed; 
    top: 0px; 
    right: 0px; 
    width: 20%;
    height: 50px;
    z-index:9999; 
    border-radius:0px;
    opacity: 70%;
  }