/* Global */
body {
    font-family: 'Space Grotesk', sans-serif;
    background-color: #05100C;
}

a:hover {
    color: #00FF9C !important;
}

span.small.quiet a {
    color: #00FF9C !important;
}

div.btn-group {
    gap: 5px;
}

.btn.btn-outline-success,
.btn-outline-primary,
.btn.btn-default,
div.tabular.inline-related a.inline-deletelink {
    background-color: #00FF9C !important;
    color: #222C28 !important;
    border: 1.5px solid #72FFC8 !important;
    border-radius: 10px !important;
}

.btn.btn-outline-success:hover,
.btn.btn-outline-primary:hover,
.btn.btn-default:hover,
div.tabular.inline-related a.inline-deletelink:hover {
    background-color: #72FFC8 !important;
    color: #222C28 !important;
    border: 1.5px solid #72FFC8 !important;
    border-radius: 10px !important;
}

.btn.btn-outline-info,
.btn-outline-secondary {
    background-color: white !important;
    color: #222C28 !important;
    border: 1.5px solid #222C28 !important;
    border-radius: 10px !important;
}

.btn.btn-outline-info:hover,
.btn-outline-secondary:hover {
    background-color: #72FFC8 !important;
    color: #222C28 !important;
    border-radius: 10px !important;
}

.btn.btn-outline-danger {
    background-color: #F03D3D !important;
    color: #222C28 !important;
    border: 1.5px solid #F03D3D !important;
    border-radius: 10px !important;
}

.btn.btn-outline-danger:hover {
    background-color: #F55858 !important;
    color: white !important;
    border: 1.5px solid #F03D3D !important;
    border-radius: 10px !important;
}

.btn.btn-outline-warning {
  background-color: #f39c12 !important;
  color: #222C28 !important;
  border: 1.5px solid #222C28 !important;
  border-radius: 10px !important;
}

.btn.btn-outline-warning:hover {
  background-color: #f6ac35f4 !important;
  color: white !important;
  border: 1.5px solid #f39c12 !important;
  border-radius: 10px !important;
}


/* Side/Nav Bar */
nav.navbar {
    padding: 0.5rem !important;
}

.nav-link.active {
    background-color: #F7F7F7 !important;
    color: #00995E !important;
}

.nav-link.active>i.nav-icon {
    color: #00995E !important;
}

i.nav-icon {
    color: #00FF9C;
}

.sidebar-dark-primary,
.brand-link {
    background-color: black !important;
}

nav {
    background-color: black !important;
}

nav a {
    color: white !important;
}

li.breadcrumb-item a {
    color: #00FF9C !important;
}

/* Dropdowns */
.dropdown-menu,
.select2-dropdown.select2-dropdown--below {
    background-color: #303E38 !important;
}

.dropdown-item.active {
    background-color: #F7F7F7 !important;
    color: #00995E !important;
}

/* Recent Actions / Timeline */
div.timeline i.fas,
div.timeline i.fa {
    background-color: #343a40 !important;
    color: #00FF9C !important;
}

div.timeline-item a {
    color: #00FF9C !important;
}

/* Content */
div.content-wrapper {
    background-color: #121715 !important;
}

/* Cards */
div.card.card-primary.card-outline {
    border-top: 3px solid #00FF9C !important;
    box-shadow: 0 0 1px rgb(0 255 156 / 50%), 0 1px 3px rgb(0 255 156 / 50%)
}

div.card-body {
    background-color: #05100C;
}

div.card-body a {
    color: white !important;
}

div.card-body a:hover {
    color: #00FF9C !important;
}

div.card-body a.btn-outline-secondary {
    color: #222C28 !important;
}

/* Select2 */
.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted,
.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted.select2-results__option--selected {
    background-color: #F7F7F7 !important;
    color: #00995E !important;
}

.select2-results__option.select2-results__option--selectable.select2-results__option--selected[aria-selected=false] {
    background-color: #F7F7F7 !important;
    color: #00995E !important;
}

.select2-results__option--selectable {
    color: white !important;
}

.select2-results__message {
    color: white !important;
}

.select2.select2-container {
    background-color: #F7F7F7 !important;
    border-radius: 10px !important;
}

.select2-selection__rendered {
    color: #00995E !important;
}

.select2-search__field {
    color: black !important;
}

.select2-search__field:focus {
    border: none !important;
}

.select2-selection__choice__display {
    color: #00995E !important;
    padding-left: 10px !important;
}

/* Tabs */
ul.nav-tabs .nav-item,
div.tab-pane.fade.active.show .card {
    background-color: #05100C !important;
}

/* Forms */
form input:focus-visible,
form select:focus-visible {
    outline: none;
}

form input,
input.vTextField {
    background-color: #F7F7F7 !important;
    color: #222C28 !important;
    border-radius: 10px !important;
    border: 1.5px solid #F7F7F7 !important;
    padding-left: 10px !important
}

form input:focus {
    border: 1.5px solid #72FFC8 !important;
}

select {
    border-radius: 10px !important;
    background-color: #F7F7F7 !important;
    color: #222C28 !important;
}

select:focus {
    border-color: #00FF9C !important
}

div.tabular.inline-related {
    background-color: #05100C;
}

div.help-block {
    color: #BFCDC7;
}

/* Many-to-Many selector */
div.selector {
    background-color: #222C28 !important;
}

div.selector-available h2,
div.selector-chosen h2 {
    background-color: #00995E !important;
    color: white !important;
}

/* Toasts */
.callout {
    border-left: none !important;
    color: white !important;
}

.alert a,
.alert button {
    color: white !important;
}

.callout-danger {
    background-color: #F03D3D !important;
}

.callout-alert {
    background-color: #FFAD0D !important;
}

.callout-info {
    background-color: #3C4C70 !important;
}

.callout-success {
    background-color: #0BB07B !important;
}

/* Changelist */
table.table.table-striped a {
    color: #00FF9C !important;
}