/*dark*/

.node {
    font-size: 1.1em;
    fill: #959595;
}

.graph-node-label {
    font-size: 1rem;
    paint-order: stroke;
    stroke: #1c1c1c;
    fill: rgb(179, 179, 179);
    stroke-width: 3px;
    font-weight: 100;
}

/*dark*/


/* boot dark*/

.list-group-item-action
{
    color: #8a8a8a;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #142d68;
}

table.table {
    border: var(--rz-grid-cell-border) !important;
    background-color: var(--rz-grid-background-color);
}

.dt-buttons .btn-secondary {
    border-color: #6c757d;
    background-color: var(--rz-secondary);
    color: var(--rz-text-contrast-color);
}

.dt-buttons .dropdown-item.active, .dt-buttons .dropdown-item:active {
    background-color: #353535;
    border: 1px solid #262626;
    color: #bbb !important;
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #575757;
    border: 2px solid #4a4a4a;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21;
    color: #fdfdfd;
}

    div.dt-button-info h2 {
        padding: 0.5em;
        margin: 0;
        font-weight: normal;
        border-bottom: 1px solid #797979;
        background-color: #626262;
    }

.shadow-outline {
    -webkit-box-shadow: 0px 4px 18px 3px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 4px 18px 3px rgba(0,0,0,0.49);
    box-shadow: 0px 4px 18px 3px rgba(0,0,0,0.49);
}

.navbar-dark .navbar-brand {
    color: #fff;
}


.navbar-dark .navbar-nav .show > .nav-link {
    color: #fff;
}

.sticky-top-bar-nav-icon,
.sticky-top-bar-nav-icon-small {
    color: #c8c8c8;
}

    .sticky-top-bar-nav-icon:hover,
    .sticky-top-bar-nav-icon-small:hover {
        color: #cdca32 !important;
    }

.top-bar-vertical-spacer {
    border-left: 4px #2b2b2b solid;
}

.sticky-top-navbar-menu {
    background-color: rgb(45, 45, 45);
    border-bottom: 1px solid #393939;
}

.widget-header-counters {
    color: #888;
}

.trun-white-dark-img {
    -webkit-filter: brightness(70%);
}

.infrastructure-dependecy-trun-white-dark-img {
    -webkit-filter: brightness(100%);
}

.sticky-top-navbar-menu .nav-item a {
    color: #808b97;
}

    .sticky-top-navbar-menu .nav-item a.active {
        color: #d99900;
    }

.sidebar .navbar-brand:hover {
    color: #4e7393 !important;
}

.sidebar {
    border-right: 2px #282828 solid;
    background-color: #1f1f20;
    width: 55px;
}

    .sidebar .top-row {
        background-color: #19191a;
    }

.nav-item a {
    color: #808b97;
}

.border-success {
    border-color: #3b526a !important;
}

.border-danger {
    border-color: #d9620c !important;
}

.border-secondary {
    border-color: #0d0d0d !important;
}

.infrastructure-dependecy-status {
    color: #808080;
}

.card {
    background-color: #1a1919;
    border: 1px solid rgba(0, 0, 0, .125);
}

.card-footer {
    background-color: rgb(22, 21, 21);
    border-top: 1px solid rgb(36, 35, 35);
}

.text-secondary {
    color: #646464 !important;
}

.toast-warning rect {
    fill: #ffb400 !important;
}

.toast-warning .toast-header {
    color: #ca9500 !important;
}

.toast-error rect {
    fill: #d7006b !important;
}

.toast-error .toast-header {
    color: #a50052 !important;
}

.toast-info rect {
    fill: #00a5ff !important;
}

.toast-info .toast-header {
    color: #0788ce !important;
}

.close {
    color: #fff;
    text-shadow: none !important;
}

.toast {
    background-color: rgb(21, 21, 21) !important;
    border: 3px solid rgba(68, 68, 68, 0.91) !important;
    box-shadow: 0px 0px 6px 1px rgb(4, 4, 4) !important;
}

.toast-header {
    background-color: rgb(32, 32, 32) !important;
}

.toast-body {
    color: #e3e3e3 !important;
}

.dropdown-divider {
    border-top: 1px solid #151515;
}

.dropdown-menu {
    color: #a4a4a4;
    background-color: #151515;
    border: 2px solid rgba(151, 148, 148, 0.1);
}

.dropdown-item {
    color: #dfdfdf !important;
}

    .dropdown-item:hover {
        color: #2b1907;
        background-color: #ae8933;
    }

.border {
    border: 3px solid #383d42 !important;
}

.jumbotron {
    background-color: #1e1d1d;
    border-radius: .2rem;
    border: 0;
}

.progress-bar.indeterminate {
    position: relative;
    animation: progress-indeterminate 5s linear infinite;
}

.progress {
    background-color: #363636;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #cca038;
    transition: width .6s ease
}

.alert-warning {
    color: #fde9b2;
    background-color: #736335;
    border: 3px solid #68592e !important;
}

.alert-dark {
    color: #110f0f;
    background-color: #657373;
    border: 3px solid #4b5659 !important;
}

.btn-lg {
    border-radius: .2rem;
}

.btn {
    border: 1px solid transparent;
}

.btn-secondary {
    color: #bbb;
    background-color: #494c4f;
    border-color: #6c757d;
}

.btn-outline-secondary {
    border-color: #232b31;
    color: #7b8b99;
}

.btn-outline-info:hover {
    color: #5fd5f9;
    background-color: #345b6a;
    border-color: #10464f;
}

.btn-outline-info {
    color: rgb(33, 150, 243);
    border-color: rgb(0, 21, 38);
}

.btn-info {
    color: rgb(0, 42, 77);
    background-color: rgb(33, 150, 243);
    border-color: #116f91;
}

    .btn-info:hover {
        color: #fff;
        background-color: #139696;
        border-color: #117a8b;
    }

.btn-dark {
    color: #aaa1ec;
    background-color: #672e8e;
    border-color: #762da8;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.focus,
    .btn-dark:focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active,
    .btn-dark:not(:disabled):not(.disabled):active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus,
        .btn-dark:not(:disabled):not(.disabled):active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
        }

.btn-outline-warning {
    color: #d9620c;
    border-color: #242121;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning.focus,
    .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active,
    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
        }

hr {
    border-top: 1px solid rgb(101, 115, 121);
}

.bg-expose {
    background-color: #313131 !important;
}

.bg-white {
    background-color: #242424 !important;
}

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

.bg-beige {
    background-color: #1c1c1d !important;
}

.bg-chart {
    background-color: rgba(26, 26, 61, 0.1);
}

.bg-danger {
    background-color: #dd3400 !important;
    border: 3px solid rgba(136, 70, 0, 0.45) !important;
}

.page-navbar {
    background-color: #292929 !important;
    border-bottom: 1px solid #1f1f20;
}

.text-muted {
    color: #6c6c6c !important;
}

.text-white {
    color: #ccc !important;
}

.text-secondary {
    color: #8c959d !important;
}

html,
body {
    color: #cacaca;
}

.card {
    border: 4px solid rgb(34, 34, 34);
}

.card-header {
    background-color: rgb(23, 23, 23);
    border-bottom: 1px solid rgb(20, 20, 20);
}

.help:hover {
    color: #5b8cbc !important;
}

.pointer:hover {
    color: #cdca32 !important;
}

.pointer-blue {
    color: #4e7393;
}

.sidebar .navbar-brand:hover {
    color: #4e7393 !important;
}

.offline-widget-empty {
    background-color: #222 !important;
    border: 3px solid rgba(15, 15, 15, 0.12) !important;
}

.table thead th {
    vertical-align: bottom;
    border-right: var(--rz-grid-header-cell-border);
    border-bottom: var(--rz-grid-header-cell-border-bottom);
}

.table-bordered td,
.table-bordered th {
    border-right: var(--rz-grid-right-cell-border);
    border-bottom: none;
}

.table td,
.table th {
    border-top: 1px solid #404040;
}

.table tfoot {
    background-color: var(--rz-pager-background-color);
}

.table {
    width: 100%;
    border-color: #3e3e3e;
    color: var(--rz-grid-cell-color);
    border-radius: .25rem;
}

.form-control:focus {
    color: #9b9b9b;
    background-color: #0b0b0b;
    border-color: #2378d5;
}

.custom-select {
    color: #c5c5c6;
    background: #262626 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #3c3c3c;
    border-radius: .25rem;
}

.form-control {
    border: var(--rz-input-border);
    border-radius: var(--rz-input-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
    color: var(--rz-input-value-color);
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: var(--rz-pager-numeric-button-background-color);
    color: var(--rz-pager-numeric-button-color);
    margin-left: 5px;
    border: var(--rz-pager-numeric-button-border);
}

.page-item.active .page-link {
    z-index: 3;
    background-color: var(--rz-pager-numeric-button-selected-background-color);
    color: var(--rz-pager-numeric-button-selected-color);
    border-color: #2f2f2f;
}

.page-item.disabled .page-link {
    pointer-events: none;
    cursor: auto;
    border-color: #313131;
    opacity: var(--rz-button-disabled-opacity);
    background-color: var(--rz-pager-back-button-background-color);
    color: var(--rz-pager-back-button-color);
    border: var(--rz-pager-numeric-button-border);
}

.page-link:hover {
    color: #393c40 !important;
    background-color: #b5b5b5;
    border-color: #a2a2a2;
}

.list-group-item {
    background-color: #2f2f2f;
    border: 1px solid rgba(0, 0, 0, .125);
}

    .list-group-item.active {
        color: #e1e1e1 !important;
        background-color: #00438a;
        border-color: #00346c;
    }

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #c7c7c8 !important;
    background-color: #48525e;
}

.list-group {
    background-color: #373737;
}

.badge-primary {
    background-color: #045ab7;
    border: 1px solid #484848;
}

pre.prettyprint {
    padding: 2px;
}


.tab-panel-selector {
    scrollbar-color: #745a1f #000;
    border-color: #393939;
}

.tab-panel-selector-full-height {
    border-color: #393939;
}

.modal-body {
    scrollbar-color: #745a1f #000;
}

.modal-container-fade {
    background: #fff3;
}

.modal-container-error-bar {
    background: #dd7c0070;
}

.modal-content {
    background-color: #484848;
    border: 3px solid rgb(36, 36, 36);
    border-radius: .2rem;
}

.modal-header {
    border-bottom: 1px solid #202020;
    background: #2b2b2b;
    border-radius: 0px;
}

.modal-footer {
    border-top: 1px solid #111;
    background-color: #262626 !important;
}

.modal-container-fade {
    background: #ffffff21;
}

.modal-container-nav-tabs {
    background: #484848;
    border-bottom: 1px solid #8a8a8a;
}

.nav-link:hover {
    border-color: #8a8a8a !important;
}

.modal-container-header {
    border-left: 8px #444e58 solid;
    box-shadow: -2px 2px 4px -1px rgba(0,0,0,0.13);
}

.nav-tabs .nav-link {
    color: #757575;
    border: 2px solid #353131;
    background-color: #373737;
    border-bottom-width: 0;
}

    .nav-tabs .nav-link.active {
        color: #282828;
        background-color: #9f9f9f;
        border-color: #868686;
    }

li.list-group-item-clicable:hover {
    background-color: #fff;
    color: #212529;
    cursor: pointer;
}

.component-header-border {
    box-shadow: -3px 3px 5px -2px rgba(0,0,0,0.33);
}

.query-model-spacer {
    border-color: #292929;
}

input[readonly] {
    background-color: #525252 !important;
}

textarea[readonly] {
    background-color: #525252 !important;
}

.inline-tooltip {
    background-color: #262626;
    color: #CACACA;
}

.bg-warning-lighter {
    background-color: #d8a500;
}

.bg-warning-lighter-text-dark {
    color: #343a40;
}

.checbox-component-wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-top: 2px;
}

.checkbox-component {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #262626;
    border: 1px solid #262626;
}

input[type="datetime-local"] {
    background-color: #262626;
    border: 1px solid #262626;
    color: #cacaca;
}

.checkbox-component-checked {
    background-color: #007bff;
    border: 1px solid #007bff;
}

    .checkbox-component-checked:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00c";
        color: #ffffff99;
        font-size: 0.7rem;
    }

.btn-log-level-verbose {
    background-color: rgba(186, 186, 186, 0.7);
    border-color: rgba(186, 186, 186, 0.7);
    color: #fff;
}

    .btn-log-level-verbose:hover {
        color: #212529;
    }

.btn-log-level-debug {
    background-color: rgba(150, 150, 150, 0.7);
    border-color: rgba(150, 150, 150, 0.7);
    color: #fff;
}

    .btn-log-level-debug:hover {
        color: #212529;
    }

.btn-log-level-information {
    background-color: rgba(33, 150, 243, 0.7);
    border-color: rgba(33, 150, 243, 0.7);
    color: #fff;
}

    .btn-log-level-information:hover {
        color: #212529;
    }

.btn-log-level-warning {
    background-color: rgba(255, 152, 0, 0.7);
    border-color: rgba(255, 152, 0, 0.7);
    color: #fff;
}

    .btn-log-level-warning:hover {
        color: #212529;
    }

.btn-log-level-error {
    background-color: rgba(255, 74, 64, 0.7);
    border-color: rgba(255, 74, 64, 0.7);
    color: #fff;
}

    .btn-log-level-error:hover {
        color: #212529;
    }

.btn-log-level-fatal {
    background-color: rgba(220, 35, 21, 0.7);
    border-color: rgba(220, 35, 21, 0.7);
    color: #fff;
}

    .btn-log-level-fatal:hover {
        color: #212529;
    }

.multiselect-option.dropdown-item {
    color: #dfdfdf !important;
}

    .multiselect-option.dropdown-item.active {
        background-color: #007bff !important;
    }
    
.offline-widget-title {
    color: #ffddb3;
}

.warning-icon {
    color: yellow;
}

.mismatched-version-info {
    background-color: rgb(120, 122, 0);
}

table.quickgrid {
    border: var(--rz-grid-cell-border) !important;
    color: var(--rz-grid-cell-color);
    background-color: var(--rz-grid-stripe-background-color) !important;
}

.quickgrid thead th {
    background-color: var(--rz-grid-header-background-color) !important;
    border-color: #1b1d1e !important;
    border-bottom: var(--rz-grid-header-cell-border-bottom);
}

.quickgrid td {
    border: 1px solid #404040 !important;
}

.quickgrid td, .quickgrid th {
    border-top: 1px solid #404040 !important;
}

.col-options {
    background-color: #242424 !important;
    border: 1px solid #3c3c3c !important;
}

.col-options-button {
    filter: invert(97%) sepia(0%) saturate(1494%) hue-rotate(149deg) brightness(89%) contrast(80%);
}

.dropdown-content-quickgrid {
    background-color: #151515;
}

.dropdown-item-quickgrid {
    color: #dfdfdf !important;
}

.dropdown-item-quickgrid:hover {
    background-color: #ae8933;
}

.dropdown-item-quickgrid-active {
    background-color: #142d68;
}

.top-bar-dropdown-item {
    color: #9b9b9b !important;
    font-size: .875rem !important;
}

.col-title-text {
    color: #cacaca !important;
}

.sort-indicator {
    filter: invert(99%) sepia(1%) saturate(435%) hue-rotate(314deg) brightness(83%) contrast(89%);
}

.rz-custom-header {
    width: 100%;
}