Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
nginx proxy manager dark theme
a {
color: rgb(140, 140, 250);
}
::-webkit-scrollbar-track-piece {
background-color: rgba(255, 255, 255, 0.2) !important;
}
::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.3) !important;
}
::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.5) !important;
}
embed[type="application/pdf"] {
filter: invert(90%);
}
html {
color: rgb(191, 191, 191);
background: rgb(31, 31, 31) !important;
}
body {
background-color: rgb(31, 31, 31);
background-image: none !important;
}
input,
select,
textarea,
button {
color: rgb(191, 191, 191);
background-color: rgb(31, 31, 31);
}
font {
color: rgb(191, 191, 191);
}
html {
filter: contrast(100%) brightness(100%) saturate(100%);
}
body {
color: rgb(186, 191, 197);
background-color: rgb(33, 33, 33);
}
a {
color: rgb(154, 185, 229);
background-color: transparent;
}
a:hover {
color: rgb(154, 185, 229);
}
caption {
color: rgb(185, 189, 198);
}
hr {
border-top-color: rgba(20, 45, 82, 0.12);
}
mark,
.mark {
background-color: rgb(102, 75, 0);
}
.blockquote-footer {
color: rgb(187, 191, 196);
}
.img-thumbnail {
background-color: rgb(28, 28, 33);
border: 1px solid rgb(54, 54, 54);
}
.figure-caption {
color: rgb(187, 191, 196);
}
kbd {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
}
pre {
color: rgb(191, 191, 191);
}
.table th,
.text-wrap table th,
.table td,
.text-wrap table td {
border-top: 1px solid rgb(54, 54, 54);
}
.table thead th,
.text-wrap table thead th {
border-bottom: 2px solid rgb(54, 54, 54);
}
.table tbody + tbody,
.text-wrap table tbody + tbody {
border-top: 2px solid rgb(54, 54, 54);
}
.table .table,
.text-wrap table .table,
.table .text-wrap table,
.text-wrap .table table,
.text-wrap table table {
background-color: rgb(33, 33, 33);
}
.table-bordered,
.text-wrap table {
border: 1px solid rgb(54, 54, 54);
}
.table-bordered th,
.text-wrap table th,
.table-bordered td,
.text-wrap table td {
border: 1px solid rgb(54, 54, 54);
}
.table-striped tbody tr:nth-of-type(2n+1) {
background-color: rgba(0, 0, 0, 0.02);
}
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: rgb(23, 53, 94);
}
.table-hover .table-primary:hover {
background-color: rgb(29, 63, 114);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: rgb(29, 63, 114);
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: rgb(56, 56, 56);
}
.table-hover .table-secondary:hover {
background-color: rgb(69, 69, 69);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: rgb(69, 69, 69);
}
.table-success,
.table-success > th,
.table-success > td {
background-color: rgb(71, 113, 30);
}
.table-hover .table-success:hover {
background-color: rgb(84, 133, 35);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: rgb(84, 133, 35);
}
.table-info,
.table-info > th,
.table-info > td {
background-color: rgb(21, 59, 86);
}
.table-hover .table-info:hover {
background-color: rgb(27, 73, 106);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: rgb(27, 73, 106);
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: rgb(102, 75, 0);
}
.table-hover .table-warning:hover {
background-color: rgb(102, 75, 0);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: rgb(102, 75, 0);
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: rgb(102, 27, 25);
}
.table-hover .table-danger:hover {
background-color: rgb(122, 32, 31);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: rgb(122, 32, 31);
}
.table-light,
.table-light > th,
.table-light > td {
background-color: rgb(28, 28, 33);
}
.table-hover .table-light:hover {
background-color: rgb(24, 24, 52);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: rgb(24, 24, 52);
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: rgb(82, 82, 82);
}
.table-hover .table-dark:hover {
background-color: rgb(92, 92, 92);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: rgb(92, 92, 92);
}
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.04);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.04);
}
.table .thead-dark th,
.text-wrap table .thead-dark th {
color: rgb(247, 247, 247);
background-color: rgb(38, 38, 38);
border-color: rgb(50, 56, 62);
}
.table .thead-light th,
.text-wrap table .thead-light th {
color: rgb(186, 191, 197);
background-color: rgb(43, 43, 43);
border-color: rgb(54, 54, 54);
}
.table-dark {
color: rgb(247, 247, 247);
background-color: rgb(38, 38, 38);
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: rgb(50, 56, 62);
}
.table-dark.table-striped tbody tr:nth-of-type(2n+1) {
background-color: rgba(28, 28, 33, 0.05);
}
.table-dark.table-hover tbody tr:hover {
background-color: rgba(28, 28, 33, 0.075);
}
.form-control {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.form-control:focus {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border-color: rgb(55, 140, 205);
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.form-control::-webkit-input-placeholder {
color: rgb(184, 191, 198);
}
.form-control::placeholder {
color: rgb(184, 191, 198);
}
.form-control:disabled,
.form-control[readonly] {
background-color: rgb(31, 31, 31);
}
.form-check-input:disabled ~ .form-check-label {
color: rgb(185, 189, 198);
}
.valid-feedback {
color: rgb(191, 230, 153);
}
.valid-tooltip {
color: rgb(255, 255, 255);
background-color: rgba(92, 147, 37, 0.8);
}
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
border-color: rgb(92, 147, 37);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: rgb(92, 147, 37);
box-shadow: rgba(92, 147, 37, 0.25) 0px 0px 0px 2px;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
color: rgb(191, 230, 153);
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
color: rgb(191, 230, 153);
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
background-color: rgb(122, 196, 49);
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: rgb(117, 188, 47);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: rgb(33, 33, 33) 0px 0px 0px 1px, rgba(92, 147, 37, 0.25) 0px 0px 0px 2px;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
border-color: rgb(92, 147, 37);
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
box-shadow: rgba(92, 147, 37, 0.25) 0px 0px 0px 2px;
}
.invalid-feedback {
color: rgb(230, 153, 153);
}
.invalid-tooltip {
color: rgb(255, 255, 255);
background-color: rgba(188, 47, 47, 0.8);
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
border-color: rgb(188, 47, 47);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: rgb(188, 47, 47);
box-shadow: rgba(188, 47, 47, 0.25) 0px 0px 0px 2px;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
color: rgb(230, 153, 153);
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
color: rgb(230, 153, 153);
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: rgb(159, 40, 40);
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: rgb(210, 75, 75);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: rgb(33, 33, 33) 0px 0px 0px 1px, rgba(188, 47, 47, 0.25) 0px 0px 0px 2px;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
border-color: rgb(188, 47, 47);
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
box-shadow: rgba(188, 47, 47, 0.25) 0px 0px 0px 2px;
}
.btn:focus,
.btn.focus {
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.btn-primary {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.btn-primary:hover {
color: rgb(255, 255, 255);
background-color: rgb(49, 108, 191);
border-color: rgb(47, 101, 177);
}
.btn-primary:focus,
.btn-primary.focus {
box-shadow: rgba(68, 126, 207, 0.5) 0px 0px 0px 2px;
}
.btn-primary.disabled,
.btn-primary:disabled {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(47, 101, 177);
border-color: rgb(44, 97, 170);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: rgba(68, 126, 207, 0.5) 0px 0px 0px 2px;
}
.btn-secondary {
color: rgb(255, 255, 255);
background-color: rgb(135, 143, 151);
border-color: rgb(135, 143, 151);
}
.btn-secondary:hover {
color: rgb(255, 255, 255);
background-color: rgb(114, 122, 131);
border-color: rgb(109, 118, 126);
}
.btn-secondary:focus,
.btn-secondary.focus {
box-shadow: rgba(135, 143, 151, 0.5) 0px 0px 0px 2px;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: rgb(255, 255, 255);
background-color: rgb(135, 143, 151);
border-color: rgb(135, 143, 151);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(109, 118, 126);
border-color: rgb(102, 110, 117);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: rgba(135, 143, 151, 0.5) 0px 0px 0px 2px;
}
.btn-success {
color: rgb(255, 255, 255);
background-color: rgb(92, 147, 37);
border-color: rgb(92, 147, 37);
}
.btn-success:hover {
color: rgb(255, 255, 255);
background-color: rgb(74, 118, 30);
border-color: rgb(66, 106, 27);
}
.btn-success:focus,
.btn-success.focus {
box-shadow: rgba(92, 147, 37, 0.5) 0px 0px 0px 2px;
}
.btn-success.disabled,
.btn-success:disabled {
color: rgb(255, 255, 255);
background-color: rgb(92, 147, 37);
border-color: rgb(92, 147, 37);
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(66, 106, 27);
border-color: rgb(61, 98, 24);
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: rgba(92, 147, 37, 0.5) 0px 0px 0px 2px;
}
.btn-info {
color: rgb(255, 255, 255);
background-color: rgb(50, 137, 200);
border-color: rgb(50, 137, 200);
}
.btn-info:hover {
color: rgb(255, 255, 255);
background-color: rgb(67, 149, 208);
border-color: rgb(55, 143, 205);
}
.btn-info:focus,
.btn-info.focus {
box-shadow: rgba(50, 137, 200, 0.5) 0px 0px 0px 2px;
}
.btn-info.disabled,
.btn-info:disabled {
color: rgb(255, 255, 255);
background-color: rgb(50, 137, 200);
border-color: rgb(50, 137, 200);
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(55, 143, 205);
border-color: rgb(49, 135, 196);
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: rgba(50, 137, 200, 0.5) 0px 0px 0px 2px;
}
.btn-warning {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-warning:hover {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-warning:focus,
.btn-warning.focus {
box-shadow: rgba(102, 75, 0, 0.5) 0px 0px 0px 2px;
}
.btn-warning.disabled,
.btn-warning:disabled {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: rgba(102, 75, 0, 0.5) 0px 0px 0px 2px;
}
.btn-danger {
color: rgb(255, 255, 255);
background-color: rgb(188, 47, 47);
border-color: rgb(188, 47, 47);
}
.btn-danger:hover {
color: rgb(255, 255, 255);
background-color: rgb(159, 40, 40);
border-color: rgb(147, 37, 37);
}
.btn-danger:focus,
.btn-danger.focus {
box-shadow: rgba(188, 47, 47, 0.5) 0px 0px 0px 2px;
}
.btn-danger.disabled,
.btn-danger:disabled {
color: rgb(255, 255, 255);
background-color: rgb(188, 47, 47);
border-color: rgb(188, 47, 47);
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(147, 37, 37);
border-color: rgb(139, 35, 35);
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: rgba(188, 47, 47, 0.5) 0px 0px 0px 2px;
}
.btn-light {
color: rgb(186, 191, 197);
background-color: rgb(31, 31, 31);
border-color: rgb(31, 31, 31);
}
.btn-light:hover {
color: rgb(186, 191, 197);
background-color: rgb(51, 51, 51);
border-color: rgb(47, 57, 66);
}
.btn-light:focus,
.btn-light.focus {
box-shadow: rgba(31, 31, 31, 0.5) 0px 0px 0px 2px;
}
.btn-light.disabled,
.btn-light:disabled {
color: rgb(186, 191, 197);
background-color: rgb(31, 31, 31);
border-color: rgb(31, 31, 31);
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
color: rgb(186, 191, 197);
background-color: rgb(47, 57, 66);
border-color: rgb(54, 64, 74);
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: rgba(31, 31, 31, 0.5) 0px 0px 0px 2px;
}
.btn-dark {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
border-color: rgb(53, 59, 65);
}
.btn-dark:hover {
color: rgb(255, 255, 255);
background-color: rgb(38, 38, 38);
border-color: rgb(33, 33, 33);
}
.btn-dark:focus,
.btn-dark.focus {
box-shadow: rgba(53, 59, 65, 0.5) 0px 0px 0px 2px;
}
.btn-dark.disabled,
.btn-dark:disabled {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
border-color: rgb(53, 59, 65);
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(33, 33, 33);
border-color: rgb(26, 26, 26);
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: rgba(53, 59, 65, 0.5) 0px 0px 0px 2px;
}
.btn-outline-primary {
color: rgb(154, 185, 229);
background-color: transparent;
background-image: none;
border-color: rgb(68, 126, 207);
}
.btn-outline-primary:hover {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
box-shadow: rgba(68, 126, 207, 0.5) 0px 0px 0px 2px;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: rgb(154, 185, 229);
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: rgba(68, 126, 207, 0.5) 0px 0px 0px 2px;
}
.btn-outline-secondary {
color: rgb(187, 191, 196);
background-color: transparent;
background-image: none;
border-color: rgb(135, 143, 151);
}
.btn-outline-secondary:hover {
color: rgb(255, 255, 255);
background-color: rgb(135, 143, 151);
border-color: rgb(135, 143, 151);
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
box-shadow: rgba(135, 143, 151, 0.5) 0px 0px 0px 2px;
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: rgb(187, 191, 196);
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(135, 143, 151);
border-color: rgb(135, 143, 151);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: rgba(135, 143, 151, 0.5) 0px 0px 0px 2px;
}
.btn-outline-success {
color: rgb(191, 230, 153);
background-color: transparent;
background-image: none;
border-color: rgb(92, 147, 37);
}
.btn-outline-success:hover {
color: rgb(255, 255, 255);
background-color: rgb(92, 147, 37);
border-color: rgb(92, 147, 37);
}
.btn-outline-success:focus,
.btn-outline-success.focus {
box-shadow: rgba(92, 147, 37, 0.5) 0px 0px 0px 2px;
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: rgb(191, 230, 153);
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(92, 147, 37);
border-color: rgb(92, 147, 37);
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: rgba(92, 147, 37, 0.5) 0px 0px 0px 2px;
}
.btn-outline-info {
color: rgb(153, 198, 230);
background-color: transparent;
background-image: none;
border-color: rgb(50, 137, 200);
}
.btn-outline-info:hover {
color: rgb(255, 255, 255);
background-color: rgb(50, 137, 200);
border-color: rgb(50, 137, 200);
}
.btn-outline-info:focus,
.btn-outline-info.focus {
box-shadow: rgba(50, 137, 200, 0.5) 0px 0px 0px 2px;
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: rgb(153, 198, 230);
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(50, 137, 200);
border-color: rgb(50, 137, 200);
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: rgba(50, 137, 200, 0.5) 0px 0px 0px 2px;
}
.btn-outline-warning {
color: rgb(230, 214, 153);
background-color: transparent;
background-image: none;
border-color: rgb(102, 75, 0);
}
.btn-outline-warning:hover {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
box-shadow: rgba(102, 75, 0, 0.5) 0px 0px 0px 2px;
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: rgb(230, 214, 153);
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: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.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: rgba(102, 75, 0, 0.5) 0px 0px 0px 2px;
}
.btn-outline-danger {
color: rgb(230, 153, 153);
background-color: transparent;
background-image: none;
border-color: rgb(188, 47, 47);
}
.btn-outline-danger:hover {
color: rgb(255, 255, 255);
background-color: rgb(188, 47, 47);
border-color: rgb(188, 47, 47);
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
box-shadow: rgba(188, 47, 47, 0.5) 0px 0px 0px 2px;
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: rgb(230, 153, 153);
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(188, 47, 47);
border-color: rgb(188, 47, 47);
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: rgba(188, 47, 47, 0.5) 0px 0px 0px 2px;
}
.btn-outline-light {
color: rgb(250, 250, 250);
background-color: transparent;
background-image: none;
border-color: rgb(31, 31, 31);
}
.btn-outline-light:hover {
color: rgb(186, 191, 197);
background-color: rgb(31, 31, 31);
border-color: rgb(31, 31, 31);
}
.btn-outline-light:focus,
.btn-outline-light.focus {
box-shadow: rgba(31, 31, 31, 0.5) 0px 0px 0px 2px;
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: rgb(250, 250, 250);
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: rgb(186, 191, 197);
background-color: rgb(31, 31, 31);
border-color: rgb(31, 31, 31);
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: rgba(31, 31, 31, 0.5) 0px 0px 0px 2px;
}
.btn-outline-dark {
color: rgb(185, 191, 198);
background-color: transparent;
background-image: none;
border-color: rgb(53, 59, 65);
}
.btn-outline-dark:hover {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
border-color: rgb(53, 59, 65);
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
box-shadow: rgba(53, 59, 65, 0.5) 0px 0px 0px 2px;
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: rgb(185, 191, 198);
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
border-color: rgb(53, 59, 65);
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: rgba(53, 59, 65, 0.5) 0px 0px 0px 2px;
}
.btn-link {
font-weight: 400;
color: rgb(154, 185, 229);
background-color: transparent;
}
.btn-link:hover {
color: rgb(154, 185, 229);
background-color: transparent;
border-color: transparent;
}
.btn-link:focus,
.btn-link.focus {
border-color: transparent;
}
.btn-link:disabled,
.btn-link.disabled {
color: rgb(187, 191, 196);
}
.dropdown-menu {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.dropdown-divider {
border-top: 1px solid rgb(43, 43, 43);
}
.dropdown-item {
color: rgb(191, 191, 191);
background-color: transparent;
}
.dropdown-item:hover,
.dropdown-item:focus {
color: rgb(191, 191, 191);
background-color: rgb(31, 31, 31);
}
.dropdown-item.active,
.dropdown-item:active {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: rgb(187, 191, 196);
background-color: transparent;
}
.dropdown-header {
color: rgb(187, 191, 196);
}
.input-group-text {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 28);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.custom-control-input:checked ~ .custom-control-label::before {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: rgb(33, 33, 33) 0px 0px 0px 1px, rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.custom-control-input:active ~ .custom-control-label::before {
color: rgb(255, 255, 255);
background-color: rgb(22, 47, 85);
}
.custom-control-input:disabled ~ .custom-control-label {
color: rgb(187, 191, 196);
}
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: rgb(43, 43, 43);
}
.custom-control-label::before {
background-color: rgb(54, 54, 54);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: rgb(68, 126, 207);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: rgb(68, 126, 207);
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(68, 126, 207, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(68, 126, 207, 0.5);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: rgb(68, 126, 207);
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(68, 126, 207, 0.5);
}
.custom-select {
color: rgb(186, 191, 197);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.custom-select:focus {
border-color: rgb(55, 140, 205);
box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px inset, rgba(55, 140, 205, 0.5) 0px 0px 5px;
}
.custom-select:disabled {
color: rgb(187, 191, 196);
background-color: rgb(43, 43, 43);
}
.custom-file-input:focus ~ .custom-file-control {
border-color: rgb(55, 140, 205);
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.custom-file-input:focus ~ .custom-file-control::before {
border-color: rgb(55, 140, 205);
}
.custom-file-label {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.custom-file-label::after {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 28);
border-left: 1px solid rgba(20, 45, 82, 0.12);
}
.nav-link.disabled {
color: rgb(187, 191, 196);
}
.nav-tabs {
border-bottom: 1px solid rgb(54, 54, 54);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border-color: rgb(43, 43, 43) rgb(43, 43, 43) rgb(54, 54, 54);
}
.nav-tabs .nav-link.disabled {
color: rgb(187, 191, 196);
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: rgb(186, 191, 197);
background-color: rgb(33, 33, 33);
border-color: rgb(54, 54, 54) rgb(54, 54, 54) rgb(33, 33, 33);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
}
.navbar-light .navbar-brand {
color: rgba(191, 191, 191, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: rgba(191, 191, 191, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(191, 191, 191, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: rgba(191, 191, 191, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(191, 191, 191, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(191, 191, 191, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(191, 191, 191, 0.5);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-text {
color: rgba(191, 191, 191, 0.5);
}
.navbar-light .navbar-text a {
color: rgba(191, 191, 191, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(191, 191, 191, 0.9);
}
.navbar-dark .navbar-brand {
color: rgb(255, 255, 255);
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
color: rgb(255, 255, 255);
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: rgb(255, 255, 255);
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(28, 28, 33, 0.1);
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: rgb(255, 255, 255);
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: rgb(255, 255, 255);
}
.card {
background-color: rgb(28, 28, 33);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.card-header {
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(20, 45, 82, 0.12);
}
.card-footer {
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(20, 45, 82, 0.12);
}
.breadcrumb {
background-color: rgb(43, 43, 43);
}
.breadcrumb-item + .breadcrumb-item::before {
color: rgb(187, 191, 196);
}
.breadcrumb-item.active {
color: rgb(187, 191, 196);
}
.page-link {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border: 1px solid rgb(54, 54, 54);
}
.page-link:hover {
color: rgb(154, 185, 229);
background-color: rgb(43, 43, 43);
border-color: rgb(54, 54, 54);
}
.page-link:focus {
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.page-item.active .page-link {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.page-item.disabled .page-link {
color: rgb(206, 212, 218);
background-color: rgb(28, 28, 33);
border-color: rgb(54, 54, 54);
}
.badge-primary {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
}
.badge-primary[href]:hover,
.badge-primary[href]:focus {
color: rgb(255, 255, 255);
background-color: rgb(47, 101, 177);
}
.badge-secondary {
color: rgb(255, 255, 255);
background-color: rgb(135, 143, 151);
}
.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
color: rgb(255, 255, 255);
background-color: rgb(109, 118, 126);
}
.badge-success {
color: rgb(255, 255, 255);
background-color: rgb(92, 147, 37);
}
.badge-success[href]:hover,
.badge-success[href]:focus {
color: rgb(255, 255, 255);
background-color: rgb(66, 106, 27);
}
.badge-info {
color: rgb(255, 255, 255);
background-color: rgb(50, 137, 200);
}
.badge-info[href]:hover,
.badge-info[href]:focus {
color: rgb(255, 255, 255);
background-color: rgb(55, 143, 205);
}
.badge-warning {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
}
.badge-warning[href]:hover,
.badge-warning[href]:focus {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
}
.badge-danger {
color: rgb(255, 255, 255);
background-color: rgb(188, 47, 47);
}
.badge-danger[href]:hover,
.badge-danger[href]:focus {
color: rgb(255, 255, 255);
background-color: rgb(147, 37, 37);
}
.badge-light {
color: rgb(186, 191, 197);
background-color: rgb(31, 31, 31);
}
.badge-light[href]:hover,
.badge-light[href]:focus {
color: rgb(186, 191, 197);
background-color: rgb(47, 57, 66);
}
.badge-dark {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
}
.badge-dark[href]:hover,
.badge-dark[href]:focus {
color: rgb(255, 255, 255);
background-color: rgb(33, 33, 33);
}
.jumbotron {
background-color: rgb(43, 43, 43);
}
.alert-primary {
color: rgb(159, 186, 223);
background-color: rgb(21, 43, 76);
border-color: rgb(23, 53, 94);
}
.alert-primary hr {
border-top-color: rgb(29, 63, 114);
}
.alert-primary .alert-link {
color: rgb(159, 187, 224);
}
.alert-secondary {
color: rgb(191, 191, 191);
background-color: rgb(48, 48, 48);
border-color: rgb(56, 56, 56);
}
.alert-secondary hr {
border-top-color: rgb(69, 69, 69);
}
.alert-secondary .alert-link {
color: rgb(191, 191, 191);
}
.alert-success {
color: rgb(191, 230, 153);
background-color: rgb(60, 92, 25);
border-color: rgb(71, 113, 30);
}
.alert-success hr {
border-top-color: rgb(84, 133, 35);
}
.alert-success .alert-link {
color: rgb(191, 230, 153);
}
.alert-info {
color: rgb(156, 197, 227);
background-color: rgb(18, 50, 73);
border-color: rgb(21, 59, 86);
}
.alert-info hr {
border-top-color: rgb(27, 73, 106);
}
.alert-info .alert-link {
color: rgb(156, 196, 226);
}
.alert-warning {
color: rgb(230, 214, 153);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.alert-warning hr {
border-top-color: rgb(102, 75, 0);
}
.alert-warning .alert-link {
color: rgb(230, 214, 153);
}
.alert-danger {
color: rgb(230, 154, 153);
background-color: rgb(86, 21, 21);
border-color: rgb(102, 27, 25);
}
.alert-danger hr {
border-top-color: rgb(122, 32, 31);
}
.alert-danger .alert-link {
color: rgb(230, 154, 153);
}
.alert-light {
color: rgb(191, 191, 191);
background-color: rgb(28, 28, 33);
border-color: rgb(28, 28, 33);
}
.alert-light hr {
border-top-color: rgb(24, 24, 52);
}
.alert-light .alert-link {
color: rgb(191, 191, 191);
}
.alert-dark {
color: rgb(191, 191, 191);
background-color: rgb(64, 64, 64);
border-color: rgb(82, 82, 82);
}
.alert-dark hr {
border-top-color: rgb(92, 92, 92);
}
.alert-dark .alert-link {
color: rgb(191, 191, 191);
}
.progress {
background-color: rgb(43, 43, 43);
}
.progress-bar {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(28, 28, 33, 0.15) 25%, transparent 25%, transparent 50%, rgba(28, 28, 33, 0.15) 50%, rgba(28, 28, 33, 0.15) 75%, transparent 75%, transparent);
}
.list-group-item-action {
color: rgb(186, 191, 197);
}
.list-group-item-action:hover,
.list-group-item-action:focus {
color: rgb(186, 191, 197);
background-color: rgb(31, 31, 31);
}
.list-group-item-action:active {
color: rgb(186, 191, 197);
background-color: rgb(43, 43, 43);
}
.list-group-item {
background-color: rgb(28, 28, 33);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.list-group-item.disabled,
.list-group-item:disabled {
color: rgb(187, 191, 196);
background-color: rgb(28, 28, 33);
}
.list-group-item.active {
color: rgb(154, 185, 229);
background-color: rgb(31, 31, 31);
border-color: rgba(20, 45, 82, 0.12);
}
.list-group-item-primary {
color: rgb(159, 186, 223);
background-color: rgb(23, 53, 94);
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: rgb(159, 186, 223);
background-color: rgb(29, 63, 114);
}
.list-group-item-primary.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(36, 65, 107);
border-color: rgb(36, 65, 107);
}
.list-group-item-secondary {
color: rgb(191, 191, 191);
background-color: rgb(56, 56, 56);
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: rgb(191, 191, 191);
background-color: rgb(69, 69, 69);
}
.list-group-item-secondary.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(74, 74, 74);
border-color: rgb(74, 74, 74);
}
.list-group-item-success {
color: rgb(191, 230, 153);
background-color: rgb(71, 113, 30);
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
color: rgb(191, 230, 153);
background-color: rgb(84, 133, 35);
}
.list-group-item-success.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(48, 78, 19);
border-color: rgb(48, 78, 19);
}
.list-group-item-info {
color: rgb(156, 197, 227);
background-color: rgb(21, 59, 86);
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
color: rgb(156, 197, 227);
background-color: rgb(27, 73, 106);
}
.list-group-item-info.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(36, 89, 127);
border-color: rgb(36, 89, 127);
}
.list-group-item-warning {
color: rgb(230, 214, 153);
background-color: rgb(102, 75, 0);
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
color: rgb(230, 214, 153);
background-color: rgb(102, 75, 0);
}
.list-group-item-warning.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.list-group-item-danger {
color: rgb(230, 154, 153);
background-color: rgb(102, 27, 25);
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
color: rgb(230, 154, 153);
background-color: rgb(122, 32, 31);
}
.list-group-item-danger.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(98, 26, 24);
border-color: rgb(98, 26, 24);
}
.list-group-item-light {
color: rgb(191, 191, 191);
background-color: rgb(28, 28, 33);
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
color: rgb(191, 191, 191);
background-color: rgb(24, 24, 52);
}
.list-group-item-light.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(130, 130, 130);
border-color: rgb(130, 130, 130);
}
.list-group-item-dark {
color: rgb(191, 191, 191);
background-color: rgb(82, 82, 82);
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
color: rgb(191, 191, 191);
background-color: rgb(92, 92, 92);
}
.list-group-item-dark.list-group-item-action.active {
color: rgb(255, 255, 255);
background-color: rgb(31, 31, 31);
border-color: rgb(31, 31, 31);
}
.close {
color: rgb(191, 191, 191);
text-shadow: rgb(28, 28, 33) 0px 1px 0px;
}
.close:hover,
.close:focus {
color: rgb(191, 191, 191);
text-decoration: none;
opacity: 0.75;
}
.modal-content {
background-color: rgb(28, 28, 33);
border: 1px solid rgba(0, 0, 0, 0.2);
}
.modal-backdrop {
background-color: rgb(0, 0, 0);
}
.modal-header {
border-bottom: 1px solid rgb(43, 43, 43);
}
.modal-footer {
border-top: 1px solid rgb(43, 43, 43);
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
border-top-color: rgb(0, 0, 0);
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
border-right-color: rgb(0, 0, 0);
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: rgb(0, 0, 0);
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
border-left-color: rgb(0, 0, 0);
}
.tooltip-inner {
color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);
}
.popover {
background-color: rgb(28, 28, 33);
border: 1px solid rgb(38, 48, 64);
}
.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before {
border-top-color: rgb(38, 48, 64);
}
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
border-top-color: rgb(28, 28, 33);
}
.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem;
}
.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before {
border-right-color: rgb(38, 48, 64);
}
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
border-right-color: rgb(28, 28, 33);
}
.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before {
border-bottom-color: rgb(222, 227, 235);
}
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-bottom-color: rgb(255, 255, 255);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
border-bottom: 1px solid rgb(33, 33, 33);
}
.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before {
border-left-color: rgb(38, 48, 64);
}
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
border-left-color: rgb(28, 28, 33);
}
.popover-header {
background-color: rgb(33, 33, 33);
border-bottom: 1px solid rgb(46, 46, 46);
}
.popover-body {
color: rgb(185, 189, 198);
}
.carousel-control-prev,
.carousel-control-next {
color: rgb(255, 255, 255);
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: rgb(255, 255, 255);
}
.carousel-indicators li {
background-color: rgba(28, 28, 33, 0.5);
}
.carousel-indicators .active {
background-color: rgb(28, 28, 33);
}
.carousel-caption {
color: rgb(255, 255, 255);
}
.bg-primary {
background-color: rgb(68, 126, 207) !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: rgb(47, 101, 177) !important;
}
.bg-secondary {
background-color: rgb(135, 143, 151) !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: rgb(109, 118, 126) !important;
}
.bg-success {
background-color: rgb(92, 147, 37) !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: rgb(66, 106, 27) !important;
}
.bg-info {
background-color: rgb(50, 137, 200) !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: rgb(55, 143, 205) !important;
}
.bg-warning {
background-color: rgb(102, 75, 0) !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: rgb(102, 75, 0) !important;
}
.bg-danger {
background-color: rgb(188, 47, 47) !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: rgb(147, 37, 37) !important;
}
.bg-light {
background-color: rgb(31, 31, 31) !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: rgb(47, 57, 66) !important;
}
.bg-dark {
background-color: rgb(53, 59, 65) !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: rgb(33, 33, 33) !important;
}
.bg-white {
background-color: rgb(28, 28, 33) !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid rgba(20, 45, 82, 0.12) !important;
}
.border-top {
border-top: 1px solid rgba(20, 45, 82, 0.12) !important;
}
.border-right {
border-right: 1px solid rgba(20, 45, 82, 0.12) !important;
}
.border-bottom {
border-bottom: 1px solid rgba(20, 45, 82, 0.12) !important;
}
.border-left {
border-left: 1px solid rgba(20, 45, 82, 0.12) !important;
}
.border-primary {
border-color: rgb(68, 126, 207) !important;
}
.border-secondary {
border-color: rgb(135, 143, 151) !important;
}
.border-success {
border-color: rgb(92, 147, 37) !important;
}
.border-info {
border-color: rgb(50, 137, 200) !important;
}
.border-warning {
border-color: rgb(102, 75, 0) !important;
}
.border-danger {
border-color: rgb(188, 47, 47) !important;
}
.border-light {
border-color: rgb(31, 31, 31) !important;
}
.border-dark {
border-color: rgb(53, 59, 65) !important;
}
.border-white {
border-color: rgb(28, 28, 33) !important;
}
.text-white {
color: rgb(255, 255, 255) !important;
}
.text-primary {
color: rgb(154, 185, 229) !important;
}
a.text-primary:hover,
a.text-primary:focus {
color: rgb(154, 185, 228) !important;
}
.text-secondary {
color: rgb(187, 191, 196) !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
color: rgb(187, 192, 196) !important;
}
.text-success {
color: rgb(191, 230, 153) !important;
}
a.text-success:hover,
a.text-success:focus {
color: rgb(191, 230, 153) !important;
}
.text-info {
color: rgb(153, 198, 230) !important;
}
a.text-info:hover,
a.text-info:focus {
color: rgb(153, 198, 230) !important;
}
.text-warning {
color: rgb(230, 214, 153) !important;
}
a.text-warning:hover,
a.text-warning:focus {
color: rgb(230, 214, 153) !important;
}
.text-danger {
color: rgb(230, 153, 153) !important;
}
a.text-danger:hover,
a.text-danger:focus {
color: rgb(230, 153, 153) !important;
}
.text-light {
color: rgb(250, 250, 250) !important;
}
a.text-light:hover,
a.text-light:focus {
color: rgb(219, 225, 230) !important;
}
.text-dark {
color: rgb(185, 191, 198) !important;
}
a.text-dark:hover,
a.text-dark:focus {
color: rgb(191, 191, 191) !important;
}
.text-muted {
color: rgb(185, 189, 198) !important;
}
body ::-webkit-scrollbar-thumb {
background: rgb(59, 69, 78);
}
body :hover::-webkit-scrollbar-thumb {
background: rgb(89, 99, 110);
}
blockquote {
color: rgb(185, 189, 198);
border-left: 2px solid rgba(20, 45, 82, 0.12);
}
code {
background: rgba(0, 0, 0, 0.024);
border: 1px solid rgba(0, 0, 0, 0.05);
}
pre {
color: rgb(185, 191, 198);
background-color: rgb(31, 31, 31);
text-shadow: rgb(28, 28, 33) 0px 1px;
}
.section-nav {
background-color: rgb(31, 31, 31);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.page-title-icon {
color: rgb(185, 189, 198);
}
.page-subtitle {
font-size: 0.8125rem;
color: rgb(185, 189, 198);
}
.page-description {
color: rgb(185, 189, 198);
}
.aside {
position: fixed;
background: rgb(28, 28, 33);
border-left: 1px solid rgba(20, 45, 82, 0.12);
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 2px;
}
.aside-footer {
border-top: 1px solid rgba(20, 45, 82, 0.12);
}
.aside-header {
border-bottom: 1px solid rgba(20, 45, 82, 0.12);
}
.header {
background: rgb(28, 28, 33) !important;
border-bottom: 1px solid rgba(20, 45, 82, 0.12) !important;
}
.nav-unread {
background: rgb(188, 47, 47);
}
.header-btn.has-new::before {
background: rgb(188, 47, 47);
}
.header-toggler {
color: rgb(185, 189, 198);
}
.header-toggler:hover {
color: rgb(185, 189, 198);
}
.footer {
background: rgb(28, 28, 33);
border-top: 1px solid rgba(20, 45, 82, 0.12);
color: rgb(185, 189, 198);
}
.footer a:not(.btn) {
color: rgb(185, 189, 198);
}
.bg-blue-lightest {
background-color: rgb(16, 33, 60) !important;
}
a.bg-blue-lightest:hover,
a.bg-blue-lightest:focus,
button.bg-blue-lightest:hover,
button.bg-blue-lightest:focus {
background-color: rgb(27, 55, 100) !important;
}
.bg-blue-lighter {
background-color: rgb(25, 55, 97) !important;
}
a.bg-blue-lighter:hover,
a.bg-blue-lighter:focus,
button.bg-blue-lighter:hover,
button.bg-blue-lighter:focus {
background-color: rgb(35, 78, 139) !important;
}
.bg-blue-light {
background-color: rgb(45, 97, 169) !important;
}
a.bg-blue-light:hover,
a.bg-blue-light:focus,
button.bg-blue-light:hover,
button.bg-blue-light:focus {
background-color: rgb(86, 138, 210) !important;
}
.bg-blue-dark {
background-color: rgb(56, 103, 168) !important;
}
a.bg-blue-dark:hover,
a.bg-blue-dark:focus,
button.bg-blue-dark:hover,
button.bg-blue-dark:focus {
background-color: rgb(43, 79, 130) !important;
}
.bg-blue-darker {
background-color: rgb(28, 51, 84) !important;
}
a.bg-blue-darker:hover,
a.bg-blue-darker:focus,
button.bg-blue-darker:hover,
button.bg-blue-darker:focus {
background-color: rgb(15, 29, 46) !important;
}
.bg-blue-darkest {
background-color: rgb(14, 25, 42) !important;
}
a.bg-blue-darkest:hover,
a.bg-blue-darkest:focus,
button.bg-blue-darkest:hover,
button.bg-blue-darkest:focus {
background-color: rgb(3, 3, 3) !important;
}
.bg-indigo-lightest {
background-color: rgb(18, 21, 54) !important;
}
a.bg-indigo-lightest:hover,
a.bg-indigo-lightest:focus,
button.bg-indigo-lightest:hover,
button.bg-indigo-lightest:focus {
background-color: rgb(31, 36, 91) !important;
}
.bg-indigo-lighter {
background-color: rgb(27, 35, 85) !important;
}
a.bg-indigo-lighter:hover,
a.bg-indigo-lighter:focus,
button.bg-indigo-lighter:hover,
button.bg-indigo-lighter:focus {
background-color: rgb(41, 50, 122) !important;
}
.bg-indigo-light {
background-color: rgb(47, 62, 146) !important;
}
a.bg-indigo-light:hover,
a.bg-indigo-light:focus,
button.bg-indigo-light:hover,
button.bg-indigo-light:focus {
background-color: rgb(59, 78, 186) !important;
}
.bg-indigo-dark {
background-color: rgb(81, 93, 164) !important;
}
a.bg-indigo-dark:hover,
a.bg-indigo-dark:focus,
button.bg-indigo-dark:hover,
button.bg-indigo-dark:focus {
background-color: rgb(64, 74, 130) !important;
}
.bg-indigo-darker {
background-color: rgb(40, 47, 82) !important;
}
a.bg-indigo-darker:hover,
a.bg-indigo-darker:focus,
button.bg-indigo-darker:hover,
button.bg-indigo-darker:focus {
background-color: rgb(23, 27, 48) !important;
}
.bg-indigo-darkest {
background-color: rgb(20, 23, 41) !important;
}
a.bg-indigo-darkest:hover,
a.bg-indigo-darkest:focus,
button.bg-indigo-darkest:hover,
button.bg-indigo-darkest:focus {
background-color: rgb(5, 5, 5) !important;
}
.bg-purple-lightest {
background-color: rgb(36, 14, 57) !important;
}
a.bg-purple-lightest:hover,
a.bg-purple-lightest:focus,
button.bg-purple-lightest:hover,
button.bg-purple-lightest:focus {
background-color: rgb(62, 24, 98) !important;
}
.bg-purple-lighter {
background-color: rgb(54, 21, 86) !important;
}
a.bg-purple-lighter:hover,
a.bg-purple-lighter:focus,
button.bg-purple-lighter:hover,
button.bg-purple-lighter:focus {
background-color: rgb(79, 32, 126) !important;
}
.bg-purple-light {
background-color: rgb(91, 36, 143) !important;
}
a.bg-purple-light:hover,
a.bg-purple-light:focus,
button.bg-purple-light:hover,
button.bg-purple-light:focus {
background-color: rgb(117, 46, 184) !important;
}
.bg-purple-dark {
background-color: rgb(132, 74, 186) !important;
}
a.bg-purple-dark:hover,
a.bg-purple-dark:focus,
button.bg-purple-dark:hover,
button.bg-purple-dark:focus {
background-color: rgb(105, 58, 152) !important;
}
.bg-purple-darker {
background-color: rgb(66, 38, 94) !important;
}
a.bg-purple-darker:hover,
a.bg-purple-darker:focus,
button.bg-purple-darker:hover,
button.bg-purple-darker:focus {
background-color: rgb(41, 23, 58) !important;
}
.bg-purple-darkest {
background-color: rgb(33, 19, 47) !important;
}
a.bg-purple-darkest:hover,
a.bg-purple-darkest:focus,
button.bg-purple-darkest:hover,
button.bg-purple-darkest:focus {
background-color: rgb(8, 8, 8) !important;
}
.bg-pink-lightest {
background-color: rgb(53, 13, 27) !important;
}
a.bg-pink-lightest:hover,
a.bg-pink-lightest:focus,
button.bg-pink-lightest:hover,
button.bg-pink-lightest:focus {
background-color: rgb(94, 23, 48) !important;
}
.bg-pink-lighter {
background-color: rgb(78, 19, 39) !important;
}
a.bg-pink-lighter:hover,
a.bg-pink-lighter:focus,
button.bg-pink-lighter:hover,
button.bg-pink-lighter:focus {
background-color: rgb(118, 30, 59) !important;
}
.bg-pink-light {
background-color: rgb(126, 32, 63) !important;
}
a.bg-pink-light:hover,
a.bg-pink-light:focus,
button.bg-pink-light:hover,
button.bg-pink-light:focus {
background-color: rgb(167, 42, 84) !important;
}
.bg-pink-dark {
background-color: rgb(198, 88, 124) !important;
}
a.bg-pink-dark:hover,
a.bg-pink-dark:focus,
button.bg-pink-dark:hover,
button.bg-pink-dark:focus {
background-color: rgb(174, 61, 99) !important;
}
.bg-pink-darker {
background-color: rgb(99, 44, 62) !important;
}
a.bg-pink-darker:hover,
a.bg-pink-darker:focus,
button.bg-pink-darker:hover,
button.bg-pink-darker:focus {
background-color: rgb(63, 28, 41) !important;
}
.bg-pink-darkest {
background-color: rgb(49, 22, 31) !important;
}
a.bg-pink-darkest:hover,
a.bg-pink-darkest:focus,
button.bg-pink-darkest:hover,
button.bg-pink-darkest:focus {
background-color: rgb(10, 10, 10) !important;
}
.bg-red-lightest {
background-color: rgb(61, 15, 15) !important;
}
a.bg-red-lightest:hover,
a.bg-red-lightest:focus,
button.bg-red-lightest:hover,
button.bg-red-lightest:focus {
background-color: rgb(102, 25, 25) !important;
}
.bg-red-lighter {
background-color: rgb(106, 27, 27) !important;
}
a.bg-red-lighter:hover,
a.bg-red-lighter:focus,
button.bg-red-lighter:hover,
button.bg-red-lighter:focus {
background-color: rgb(147, 37, 37) !important;
}
.bg-red-light {
background-color: rgb(196, 49, 49) !important;
}
a.bg-red-light:hover,
a.bg-red-light:focus,
button.bg-red-light:hover,
button.bg-red-light:focus {
background-color: rgb(206, 62, 59) !important;
}
.bg-red-dark {
background-color: rgb(151, 38, 38) !important;
}
a.bg-red-dark:hover,
a.bg-red-dark:focus,
button.bg-red-dark:hover,
button.bg-red-dark:focus {
background-color: rgb(110, 29, 28) !important;
}
.bg-red-darker {
background-color: rgb(73, 19, 18) !important;
}
a.bg-red-darker:hover,
a.bg-red-darker:focus,
button.bg-red-darker:hover,
button.bg-red-darker:focus {
background-color: rgb(33, 9, 8) !important;
}
.bg-red-darkest {
background-color: rgb(37, 9, 9) !important;
}
a.bg-red-darkest:hover,
a.bg-red-darkest:focus,
button.bg-red-darkest:hover,
button.bg-red-darkest:focus {
background-color: rgb(0, 0, 0) !important;
}
.bg-orange-lightest {
background-color: rgb(57, 34, 14) !important;
}
a.bg-orange-lightest:hover,
a.bg-orange-lightest:focus,
button.bg-orange-lightest:hover,
button.bg-orange-lightest:focus {
background-color: rgb(98, 59, 24) !important;
}
.bg-orange-lighter {
background-color: rgb(86, 50, 21) !important;
}
a.bg-orange-lighter:hover,
a.bg-orange-lighter:focus,
button.bg-orange-lighter:hover,
button.bg-orange-lighter:focus {
background-color: rgb(126, 74, 32) !important;
}
.bg-orange-light {
background-color: rgb(147, 86, 37) !important;
}
a.bg-orange-light:hover,
a.bg-orange-light:focus,
button.bg-orange-light:hover,
button.bg-orange-light:focus {