@charset "UTF-8";

/* Modifications to stock bootswatch settings to match rootbeertag CSS requirements*/


:root,
[data-bs-theme=light]{
  --bs-form-control-backgrgound-color: #f0f5fa;
  --bs-form-control-focus-background-color: #f0f5fa;
  --bs-form-select-background-color: #f0f5fa;
  --bs-search-items-hover-background-color: #1967d3;
  --bs-primary-rgb: 102, 144, 153;
  --bs-body-font-size: 1rem;
}

[data-bs-theme=dark]{
  --bs-form-control-backgrgound-color: #383b3f;
  --bs-form-control-focus-background-color: #7c7c7c;
  --bs-form-select-background-color: #383b3f;
  --bs-box-shadow-inset: none;
  --bs-search-items-hover-background-color: #99c8fe;
  --bs-primary-rgb: 102, 144, 153;

}

.form-control {
    background-color: var(--bs-form-control-backgrgound-color);
  }
  
  .form-control:focus {
    background-color: var(--bs-form-control-focus-background-color);
  }
  
  .form-select {
    background-color: var(--bs-form-select-background-color);
  }
  
  .input-group {
    background-color: var(--bs-form-control-backgrgound-color);
  }
 
  .input-group > .form-control {
    background: inherit;
  } 

  .rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
    padding: 6px;
  }

  .search-items:hover {
	background: var(--bs-search-items-hover-background-color);
}

.dark-light-menu-toggle .svg{
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	fill: currentcolor;
	margin-top: 0.25rem!important;
	margin-bottom: 0.25rem!important;
}

.bi {
    width: 1em;
    height: 1em;
    vertical-align: -.125em;
    fill: currentcolor
}

.navbar .dropdown-menu .active .bi {
    display: block !important;
}

.dark-light-menu-toggle .btn{
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
        box-shadow: none;
        margin-right: 0px;
        margin-top: 9px;
}

.form-control::placeholder {
    color: var(--bs-body-color);
    opacity: 1;
  }

  [data-bs-theme=dark] tr.table-active .form-control,
  [data-bs-theme=dark] tr.table-active .form-select {
      background-color: #212529;
  }

  .navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }

  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    font-size: 1rem;
    color:var(--bs-nav-link-color);
  }

  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
  }
  
  .input-group-lg > .form-select,
  .input-group-sm > .form-select {
    padding-right: 1.5rem;
  }

  .form-select {
    background-position: right 0.25rem center;
  }

  .toast {
    background-color:#669099;
  }

  #toast-container > div {
    width: unset;
}

[data-bs-theme=dark] .card,
[data-bs-theme=dark] .list-group {
  background-color: #202428;
  box-shadow: inset 2px 2px 6px rgba(17, 19, 21, 0.2), inset -3px -2px 4px rgba(255, 255, 255, 0.05);
}
[data-bs-theme=dark] .card.bg-secondary, [data-bs-theme=dark] .card.bg-light {
  color: #7b8ab8;
}
[data-bs-theme=dark] .modal-content {
    background-color: #282c2f;
    box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.15), inset 1px 1px 3px rgba(255, 255, 255, 0.05), inset -5px -5px 20px rgba(0, 0, 0, 0.05); 
}
[data-bs-theme=dark] .popover,
[data-bs-theme=dark] .toast {
  background-color: #669099;
  box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.15), inset 1px 1px 3px rgba(255, 255, 255, 0.05), inset -5px -5px 20px rgba(0, 0, 0, 0.05);
}
[data-bs-theme=dark] .popover-header,
[data-bs-theme=dark] .toast-header {
  color: #fff;
}

[data-bs-theme=dark] tr.table-active .form-control,
[data-bs-theme=dark] tr.table-active .form-select {
	background-color: #212529;
}

.badge {
    border:none;
    --bs-badge-color: #dee2e6;
    --bs-badge-font-size: 0.9rem;
    --bs-badge-font-weight: 400;
    padding-top: 3px;
    padding-bottom: 5px;
}

.table > :not(caption) > * > * {
    padding:0.5rem 0.5rem;
}

.table, tr, td, th {
    border: none;
}

.navbar {
    --bs-navbar-padding-y: 0.5rem;
    border: none;
    font-weight: 400;
}

.navbar-toggler {
    --bs-border-width: 0
}

.ms-2 {
    font-weight: 100;
}

.form-control:focus {
    box-shadow: none;
}

.form-select:focus {
    box-shadow: none;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23669099' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

[data-bs-theme=light] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23669099' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  }

  .accordion {
  --bs-accordion-btn-padding-y: 10px;
  }

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

@media (max-width: 992px){
	:root {
		--bs-body-font-size: 0.75rem;
	}

  .pagination {
    --bs-pagination-font-size: 0.75rem;
  }

  .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    font-size: 0.75rem;
    border-radius: var(--bs-border-radius);
  }

  /* Hide all toasts on Mobile */
  #toast-container {
    display: none;
  }
}