/* ==UserStyle==
@name           Bitwarden Vault Dark + Full Width
@namespace      USO Archive
@author         woet
@description    `Dark theme for vault.bitwarden.com (version 2.15.1).`
@version        20200731.16.14
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("vault.bitwarden.com") {
/* Applies to Bitwarden Vault Version 2.15.1 */
/* General */
body, body.layout_frontend {
    color: #fff !important;
    background-color: #222 !important;
}

body.layout_frontend {
    background-color: #202020;
}

a {
    color: #fff !important;
}

a:hover {
    color: #3c8dbc !important;
    text-decoration: none !important;
}

/* Login logo */
.logo {
    filter: invert(100%) !important;
}

/* Navigation */
.navbar {
    background-color: #363636 !important !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
}

/* Page */
.page-content, .footer {
    width: auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.footer {
    border-color: #6c757d
}

/* Buttons */
.btn[class*="btn-outline-"]:not(:hover), .swal-modal .swal-footer button.swal-button[class*="btn-outline-"]:not(:hover), .swal-modal .swal-footer button.swal-button.swal-button--cancel {
    color: #fff !important;
    background-color: #111 !important;
    border-color: #111 !important;
}

.btn-outline-secondary:hover, .swal-modal .swal-footer button.swal-button.swal-button--cancel:hover {
    background-color: #000 !important;
    border-color: #000 !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .swal-modal .swal-footer button.swal-button.swal-button--cancel:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .swal-modal .swal-footer button.swal-button.swal-button--cancel:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .swal-modal .swal-footer .show > button.dropdown-toggle.swal-button.swal-button--cancel {
    background-color: #000 !important;
    border-color: #000 !important;
}

.btn-outline-secondary:hover:not(:disabled), .swal-modal .swal-footer button.swal-button.swal-button--cancel:hover:not(:disabled) {
    color: #fff !important;
}

/* Dropdowns */
.dropdown-menu {
    color: #fff !important;
    background-color: #111 !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.6), 0 1px 5px 0 rgba(0,0,0,.6) !important;
}

.dropdown-item, .dropdown-item-text {
    color: #fff !important;
}

.dropdown-item:hover {
    color: #fff !important;
    background-color: #000 !important;
}

/* Cards & modals */
.card, .modal-content, .swal-modal {
    border: none !important;
    background-color: #363636 !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.6), 0 1px 5px 0 rgba(0,0,0,.6) !important;
}

.card-header, .modal-header {
    background-color: #2f2f2f !important;
}

.modal-header {
    border-color: rgba(0, 0, 0, 0.125) !important;
}

.swal-modal .swal-content {
    border: none !important;
}

.swal-modal .swal-title {
    color: #fff !important;
}

.swal-modal .swal-text {
    color: #fff !important;
}

.modal-footer, .swal-modal .swal-footer {
    border: none !important;
    background: none !important;
    justify-content: center !important;
}

.close {
    color: #6c757d !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    color: #fff !important;
    opacity: 1 !important;
}

/* Backgrounds */
.bg-success {
    background-color: #31845d !important !important;
}

.bg-light {
    background-color: #363636 !important !important;
}

/* Toasts */
#toast-container .toast.toast-success {
    background-color: #31845d !important;
}

/* Form controls */
.form-control {
    border: none !important;
    color: #fff !important;
    background-color: #111 !important;
}

.form-control:focus {
    color: #fff !important;
    background-color: #000 !important;
}

.form-control:disabled, .form-control[readonly] {
    color: #999 !important;
    background-color: #111 !important;
}

/* Tables */
.table td {
    border-color: #6c757d !important;
}

.table-hover tr:hover td {
    background-color: #333 !important;
}

.table-ciphers {
    margin-top: -0.5rem !important;
}

.table.table-list td.table-list-icon {
    width: 40.25px !important;
    max-width: 40.25px !important;
    padding: 0 !important;
}

.table.table-list td.table-list-icon .icon {
    padding: 8px !important;
    background-color: #111 !important;
    border-radius: 50% !important;
}

/* List groups */
.list-group-item, .list-group-item.active {
    background-color: #363636 !important;
}

.list-group-item.active {
    color: #3c8dbc !important;
}

.list-group-item:hover {
    background-color: #2f2f2f !important;
}

/* Callouts */
.callout {
    background-color: #363636 !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.6), 0 1px 5px 0 rgba(0,0,0,.6) !important;
}

/* Filters */
app-vault-groupings .card .card-body a, app-org-vault-groupings .card .card-body a {
    color: #fff !important;
}

app-vault-groupings .card .card-body a:hover, app-org-vault-groupings .card .card-body a:hover {
    color: #3c8dbc !important;
}

app-vault-groupings .card .card-body a:hover.text-muted, app-org-vault-groupings .card .card-body a:hover.text-muted {
    color: #fff !important !important;
}

/* Progressbar */
.progress {
    background-color: #333 !important;
}

/* Organisation */
.org-nav {
    background-color: #111 !important;
    border-color: #6c757d !important;
}

.org-nav .nav-tabs a {
    color: #fff !important;
}

.org-nav .nav-tabs a:hover {
    color: #175DDC !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff !important;
    background-color: #222 !important;
    border-color: #6c757d !important;
    border-bottom-color: #222 !important;
}

.nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.show .nav-link:hover {
    color: #fff !important;
}
}