Skip to content

Instantly share code, notes, and snippets.

@Amoenus
Last active September 10, 2024 21:14
Show Gist options
  • Save Amoenus/3c7ef321d83afcd046ee28a960b52977 to your computer and use it in GitHub Desktop.
Save Amoenus/3c7ef321d83afcd046ee28a960b52977 to your computer and use it in GitHub Desktop.
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 {
background-color: rgb(188, 110, 47) !important;
}
.bg-orange-dark {
background-color: rgb(201, 120, 54) !important;
}
a.bg-orange-dark:hover,
a.bg-orange-dark:focus,
button.bg-orange-dark:hover,
button.bg-orange-dark:focus {
background-color: rgb(161, 96, 43) !important;
}
.bg-orange-darker {
background-color: rgb(101, 60, 27) !important;
}
a.bg-orange-darker:hover,
a.bg-orange-darker:focus,
button.bg-orange-darker:hover,
button.bg-orange-darker:focus {
background-color: rgb(60, 36, 16) !important;
}
.bg-orange-darkest {
background-color: rgb(52, 31, 14) !important;
}
a.bg-orange-darkest:hover,
a.bg-orange-darkest:focus,
button.bg-orange-darkest:hover,
button.bg-orange-darkest:focus {
background-color: rgb(8, 8, 8) !important;
}
.bg-yellow-lightest {
background-color: rgb(102, 75, 0) !important;
}
a.bg-yellow-lightest:hover,
a.bg-yellow-lightest:focus,
button.bg-yellow-lightest:hover,
button.bg-yellow-lightest:focus {
background-color: rgb(102, 75, 0) !important;
}
.bg-yellow-lighter {
background-color: rgb(102, 75, 0) !important;
}
a.bg-yellow-lighter:hover,
a.bg-yellow-lighter:focus,
button.bg-yellow-lighter:hover,
button.bg-yellow-lighter:focus {
background-color: rgb(102, 75, 0) !important;
}
.bg-yellow-light {
background-color: rgb(102, 75, 0) !important;
}
a.bg-yellow-light:hover,
a.bg-yellow-light:focus,
button.bg-yellow-light:hover,
button.bg-yellow-light:focus {
background-color: rgb(102, 75, 0) !important;
}
.bg-yellow-dark {
background-color: rgb(102, 75, 0) !important;
}
a.bg-yellow-dark:hover,
a.bg-yellow-dark:focus,
button.bg-yellow-dark:hover,
button.bg-yellow-dark:focus {
background-color: rgb(102, 75, 0) !important;
}
.bg-yellow-darker {
background-color: rgb(102, 75, 0) !important;
}
a.bg-yellow-darker:hover,
a.bg-yellow-darker:focus,
button.bg-yellow-darker:hover,
button.bg-yellow-darker:focus {
background-color: rgb(102, 75, 0) !important;
}
.bg-yellow-darkest {
background-color: rgb(102, 75, 0) !important;
}
a.bg-yellow-darkest:hover,
a.bg-yellow-darkest:focus,
button.bg-yellow-darkest:hover,
button.bg-yellow-darkest:focus {
background-color: rgb(0, 0, 0) !important;
}
.bg-green-lightest {
background-color: rgb(41, 64, 18) !important;
}
a.bg-green-lightest:hover,
a.bg-green-lightest:focus,
button.bg-green-lightest:hover,
button.bg-green-lightest:focus {
background-color: rgb(68, 104, 29) !important;
}
.bg-green-lighter {
background-color: rgb(75, 116, 32) !important;
}
a.bg-green-lighter:hover,
a.bg-green-lighter:focus,
button.bg-green-lighter:hover,
button.bg-green-lighter:focus {
background-color: rgb(101, 156, 43) !important;
}
.bg-green-light {
background-color: rgb(143, 208, 78) !important;
}
a.bg-green-light:hover,
a.bg-green-light:focus,
button.bg-green-light:hover,
button.bg-green-light:focus {
background-color: rgb(117, 185, 49) !important;
}
.bg-green-dark {
background-color: rgb(74, 118, 30) !important;
}
a.bg-green-dark:hover,
a.bg-green-dark:focus,
button.bg-green-dark:hover,
button.bg-green-dark:focus {
background-color: rgb(48, 78, 19) !important;
}
.bg-green-darker {
background-color: rgb(39, 61, 15) !important;
}
a.bg-green-darker:hover,
a.bg-green-darker:focus,
button.bg-green-darker:hover,
button.bg-green-darker:focus {
background-color: rgb(13, 20, 5) !important;
}
.bg-green-darkest {
background-color: rgb(18, 29, 7) !important;
}
a.bg-green-darkest:hover,
a.bg-green-darkest:focus,
button.bg-green-darkest:hover,
button.bg-green-darkest:focus {
background-color: rgb(0, 0, 0) !important;
}
.bg-teal-lightest {
background-color: rgb(15, 61, 56) !important;
}
a.bg-teal-lightest:hover,
a.bg-teal-lightest:focus,
button.bg-teal-lightest:hover,
button.bg-teal-lightest:focus {
background-color: rgb(25, 102, 92) !important;
}
.bg-teal-lighter {
background-color: rgb(27, 106, 98) !important;
}
a.bg-teal-lighter:hover,
a.bg-teal-lighter:focus,
button.bg-teal-lighter:hover,
button.bg-teal-lighter:focus {
background-color: rgb(37, 147, 136) !important;
}
.bg-teal-light {
background-color: rgb(47, 188, 174) !important;
}
a.bg-teal-light:hover,
a.bg-teal-light:focus,
button.bg-teal-light:hover,
button.bg-teal-light:focus {
background-color: rgb(67, 208, 194) !important;
}
.bg-teal-dark {
background-color: rgb(39, 155, 143) !important;
}
a.bg-teal-dark:hover,
a.bg-teal-dark:focus,
button.bg-teal-dark:hover,
button.bg-teal-dark:focus {
background-color: rgb(29, 114, 106) !important;
}
.bg-teal-darker {
background-color: rgb(19, 78, 71) !important;
}
a.bg-teal-darker:hover,
a.bg-teal-darker:focus,
button.bg-teal-darker:hover,
button.bg-teal-darker:focus {
background-color: rgb(9, 37, 33) !important;
}
.bg-teal-darkest {
background-color: rgb(10, 41, 37) !important;
}
a.bg-teal-darkest:hover,
a.bg-teal-darkest:focus,
button.bg-teal-darkest:hover,
button.bg-teal-darkest:focus {
background-color: rgb(0, 0, 0) !important;
}
.bg-cyan-lightest {
background-color: rgb(19, 57, 62) !important;
}
a.bg-cyan-lightest:hover,
a.bg-cyan-lightest:focus,
button.bg-cyan-lightest:hover,
button.bg-cyan-lightest:focus {
background-color: rgb(31, 93, 101) !important;
}
.bg-cyan-lighter {
background-color: rgb(33, 98, 110) !important;
}
a.bg-cyan-lighter:hover,
a.bg-cyan-lighter:focus,
button.bg-cyan-lighter:hover,
button.bg-cyan-lighter:focus {
background-color: rgb(45, 134, 149) !important;
}
.bg-cyan-light {
background-color: rgb(91, 190, 205) !important;
}
a.bg-cyan-light:hover,
a.bg-cyan-light:focus,
button.bg-cyan-light:hover,
button.bg-cyan-light:focus {
background-color: rgb(58, 170, 187) !important;
}
.bg-cyan-dark {
background-color: rgb(33, 118, 131) !important;
}
a.bg-cyan-dark:hover,
a.bg-cyan-dark:focus,
button.bg-cyan-dark:hover,
button.bg-cyan-dark:focus {
background-color: rgb(22, 81, 90) !important;
}
.bg-cyan-darker {
background-color: rgb(16, 59, 65) !important;
}
a.bg-cyan-darker:hover,
a.bg-cyan-darker:focus,
button.bg-cyan-darker:hover,
button.bg-cyan-darker:focus {
background-color: rgb(6, 22, 24) !important;
}
.bg-cyan-darkest {
background-color: rgb(8, 29, 33) !important;
}
a.bg-cyan-darkest:hover,
a.bg-cyan-darkest:focus,
button.bg-cyan-darkest:hover,
button.bg-cyan-darkest:focus {
background-color: rgb(0, 0, 0) !important;
}
.bg-white-lightest {
background-color: rgb(28, 28, 33) !important;
}
a.bg-white-lightest:hover,
a.bg-white-lightest:focus,
button.bg-white-lightest:hover,
button.bg-white-lightest:focus {
background-color: rgb(51, 51, 51) !important;
}
.bg-white-lighter {
background-color: rgb(28, 28, 33) !important;
}
a.bg-white-lighter:hover,
a.bg-white-lighter:focus,
button.bg-white-lighter:hover,
button.bg-white-lighter:focus {
background-color: rgb(51, 51, 51) !important;
}
.bg-white-light {
background-color: rgb(28, 28, 33) !important;
}
a.bg-white-light:hover,
a.bg-white-light:focus,
button.bg-white-light:hover,
button.bg-white-light:focus {
background-color: rgb(51, 51, 51) !important;
}
.bg-white-dark {
background-color: rgb(77, 77, 77) !important;
}
a.bg-white-dark:hover,
a.bg-white-dark:focus,
button.bg-white-dark:hover,
button.bg-white-dark:focus {
background-color: rgb(102, 102, 102) !important;
}
.bg-white-darker {
background-color: rgb(102, 102, 102) !important;
}
a.bg-white-darker:hover,
a.bg-white-darker:focus,
button.bg-white-darker:hover,
button.bg-white-darker:focus {
background-color: rgb(77, 77, 77) !important;
}
.bg-white-darkest {
background-color: rgb(51, 51, 51) !important;
}
a.bg-white-darkest:hover,
a.bg-white-darkest:focus,
button.bg-white-darkest:hover,
button.bg-white-darkest:focus {
background-color: rgb(26, 26, 26) !important;
}
.bg-gray-lightest {
background-color: rgb(36, 36, 36) !important;
}
a.bg-gray-lightest:hover,
a.bg-gray-lightest:focus,
button.bg-gray-lightest:hover,
button.bg-gray-lightest:focus {
background-color: rgb(61, 61, 61) !important;
}
.bg-gray-lighter {
background-color: rgb(59, 59, 59) !important;
}
a.bg-gray-lighter:hover,
a.bg-gray-lighter:focus,
button.bg-gray-lighter:hover,
button.bg-gray-lighter:focus {
background-color: rgb(84, 84, 84) !important;
}
.bg-gray-light {
background-color: rgb(96, 105, 113) !important;
}
a.bg-gray-light:hover,
a.bg-gray-light:focus,
button.bg-gray-light:hover,
button.bg-gray-light:focus {
background-color: rgb(143, 151, 158) !important;
}
.bg-gray-dark {
background-color: rgb(108, 115, 122) !important;
}
a.bg-gray-dark:hover,
a.bg-gray-dark:focus,
button.bg-gray-dark:hover,
button.bg-gray-dark:focus {
background-color: rgb(89, 89, 89) !important;
}
.bg-gray-darker {
background-color: rgb(56, 56, 56) !important;
}
a.bg-gray-darker:hover,
a.bg-gray-darker:focus,
button.bg-gray-darker:hover,
button.bg-gray-darker:focus {
background-color: rgb(33, 33, 33) !important;
}
.bg-gray-darkest {
background-color: rgb(28, 28, 28) !important;
}
a.bg-gray-darkest:hover,
a.bg-gray-darkest:focus,
button.bg-gray-darkest:hover,
button.bg-gray-darkest:focus {
background-color: rgb(3, 3, 3) !important;
}
.bg-gray-dark-lightest {
background-color: rgb(43, 43, 43) !important;
}
a.bg-gray-dark-lightest:hover,
a.bg-gray-dark-lightest:focus,
button.bg-gray-dark-lightest:hover,
button.bg-gray-dark-lightest:focus {
background-color: rgb(71, 71, 71) !important;
}
.bg-gray-dark-lighter {
background-color: rgb(84, 84, 84) !important;
}
a.bg-gray-dark-lighter:hover,
a.bg-gray-dark-lighter:focus,
button.bg-gray-dark-lighter:hover,
button.bg-gray-dark-lighter:focus {
background-color: rgb(110, 110, 110) !important;
}
.bg-gray-dark-light {
background-color: rgb(117, 117, 117) !important;
}
a.bg-gray-dark-light:hover,
a.bg-gray-dark-light:focus,
button.bg-gray-dark-light:hover,
button.bg-gray-dark-light:focus {
background-color: rgb(92, 92, 92) !important;
}
.bg-gray-dark-dark {
background-color: rgb(46, 46, 46) !important;
}
a.bg-gray-dark-dark:hover,
a.bg-gray-dark-dark:focus,
button.bg-gray-dark-dark:hover,
button.bg-gray-dark-dark:focus {
background-color: rgb(20, 20, 20) !important;
}
.bg-gray-dark-darker {
background-color: rgb(23, 23, 23) !important;
}
a.bg-gray-dark-darker:hover,
a.bg-gray-dark-darker:focus,
button.bg-gray-dark-darker:hover,
button.bg-gray-dark-darker:focus {
background-color: rgb(0, 0, 0) !important;
}
.bg-gray-dark-darkest {
background-color: rgb(13, 13, 13) !important;
}
a.bg-gray-dark-darkest:hover,
a.bg-gray-dark-darkest:focus,
button.bg-gray-dark-darkest:hover,
button.bg-gray-dark-darkest:focus {
background-color: rgb(0, 0, 0) !important;
}
.bg-azure-lightest {
background-color: rgb(14, 41, 57) !important;
}
a.bg-azure-lightest:hover,
a.bg-azure-lightest:focus,
button.bg-azure-lightest:hover,
button.bg-azure-lightest:focus {
background-color: rgb(24, 70, 98) !important;
}
.bg-azure-lighter {
background-color: rgb(22, 63, 90) !important;
}
a.bg-azure-lighter:hover,
a.bg-azure-lighter:focus,
button.bg-azure-lighter:hover,
button.bg-azure-lighter:focus {
background-color: rgb(33, 91, 131) !important;
}
.bg-azure-light {
background-color: rgb(38, 104, 151) !important;
}
a.bg-azure-light:hover,
a.bg-azure-light:focus,
button.bg-azure-light:hover,
button.bg-azure-light:focus {
background-color: rgb(48, 132, 192) !important;
}
.bg-azure-dark {
background-color: rgb(55, 137, 195) !important;
}
a.bg-azure-dark:hover,
a.bg-azure-dark:focus,
button.bg-azure-dark:hover,
button.bg-azure-dark:focus {
background-color: rgb(44, 109, 155) !important;
}
.bg-azure-darker {
background-color: rgb(29, 70, 99) !important;
}
a.bg-azure-darker:hover,
a.bg-azure-darker:focus,
button.bg-azure-darker:hover,
button.bg-azure-darker:focus {
background-color: rgb(18, 41, 59) !important;
}
.bg-azure-darkest {
background-color: rgb(14, 33, 47) !important;
}
a.bg-azure-darkest:hover,
a.bg-azure-darkest:focus,
button.bg-azure-darkest:hover,
button.bg-azure-darkest:focus {
background-color: rgb(5, 5, 5) !important;
}
.bg-lime-lightest {
background-color: rgb(20, 82, 40) !important;
}
a.bg-lime-lightest:hover,
a.bg-lime-lightest:focus,
button.bg-lime-lightest:hover,
button.bg-lime-lightest:focus {
background-color: rgb(20, 82, 40) !important;
}
.bg-lime-lighter {
background-color: rgb(20, 82, 40) !important;
}
a.bg-lime-lighter:hover,
a.bg-lime-lighter:focus,
button.bg-lime-lighter:hover,
button.bg-lime-lighter:focus {
background-color: rgb(20, 82, 40) !important;
}
.bg-lime-light {
background-color: rgb(20, 82, 40) !important;
}
a.bg-lime-light:hover,
a.bg-lime-light:focus,
button.bg-lime-light:hover,
button.bg-lime-light:focus {
background-color: rgb(136, 210, 75) !important;
}
.bg-lime-dark {
background-color: rgb(20, 82, 40) !important;
}
a.bg-lime-dark:hover,
a.bg-lime-dark:focus,
button.bg-lime-dark:hover,
button.bg-lime-dark:focus {
background-color: rgb(20, 82, 40) !important;
}
.bg-lime-darker {
background-color: rgb(20, 82, 40) !important;
}
a.bg-lime-darker:hover,
a.bg-lime-darker:focus,
button.bg-lime-darker:hover,
button.bg-lime-darker:focus {
background-color: rgb(20, 82, 40) !important;
}
.bg-lime-darkest {
background-color: rgb(20, 82, 40) !important;
}
a.bg-lime-darkest:hover,
a.bg-lime-darkest:focus,
button.bg-lime-darkest:hover,
button.bg-lime-darkest:focus {
background-color: rgb(0, 0, 0) !important;
}
.text-default {
color: rgb(186, 191, 197) !important;
}
.text-muted-dark {
color: rgb(185, 189, 198) !important;
}
.bg-blue {
background-color: rgb(68, 126, 207) !important;
}
a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
background-color: rgb(47, 101, 177) !important;
}
.text-blue {
color: rgb(154, 185, 229) !important;
}
.bg-indigo {
background-color: rgb(101, 117, 205) !important;
}
a.bg-indigo:hover,
a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus {
background-color: rgb(62, 80, 193) !important;
}
.text-indigo {
color: rgb(159, 168, 224) !important;
}
.bg-purple {
background-color: rgb(117, 47, 188) !important;
}
a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
background-color: rgb(140, 67, 208) !important;
}
.text-purple {
color: rgb(191, 153, 230) !important;
}
.bg-pink {
background-color: rgb(163, 41, 82) !important;
}
a.bg-pink:hover,
a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus {
background-color: rgb(214, 92, 133) !important;
}
.text-pink {
color: rgb(230, 153, 178) !important;
}
.bg-red {
background-color: rgb(188, 47, 47) !important;
}
a.bg-red:hover,
a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus {
background-color: rgb(147, 37, 37) !important;
}
.text-red {
color: rgb(230, 153, 153) !important;
}
.bg-orange {
background-color: rgb(192, 113, 48) !important;
}
a.bg-orange:hover,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
background-color: rgb(207, 128, 63) !important;
}
.text-orange {
color: rgb(230, 187, 153) !important;
}
.bg-yellow {
background-color: rgb(102, 75, 0) !important;
}
a.bg-yellow:hover,
a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
background-color: rgb(102, 75, 0) !important;
}
.text-yellow {
color: rgb(230, 214, 153) !important;
}
.bg-green {
background-color: rgb(92, 147, 37) !important;
}
a.bg-green:hover,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
background-color: rgb(66, 106, 27) !important;
}
.text-green {
color: rgb(191, 230, 153) !important;
}
.bg-teal {
background-color: rgb(49, 196, 181) !important;
}
a.bg-teal:hover,
a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
background-color: rgb(39, 155, 141) !important;
}
.text-teal {
color: rgb(153, 230, 222) !important;
}
.bg-cyan {
background-color: rgb(42, 151, 167) !important;
}
a.bg-cyan:hover,
a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus {
background-color: rgb(32, 114, 126) !important;
}
.text-cyan {
color: rgb(153, 219, 230) !important;
}
.bg-white {
background-color: rgb(28, 28, 33) !important;
}
a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
background-color: rgb(51, 51, 51) !important;
}
.text-white {
color: rgb(255, 255, 255) !important;
}
.bg-gray {
background-color: rgb(135, 143, 151) !important;
}
a.bg-gray:hover,
a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
background-color: rgb(109, 118, 126) !important;
}
.text-gray {
color: rgb(187, 191, 196) !important;
}
.bg-gray-dark {
background-color: rgb(53, 59, 65) !important;
}
a.bg-gray-dark:hover,
a.bg-gray-dark:focus,
button.bg-gray-dark:hover,
button.bg-gray-dark:focus {
background-color: rgb(33, 33, 33) !important;
}
.text-gray-dark {
color: rgb(185, 191, 198) !important;
}
.bg-azure {
background-color: rgb(50, 137, 200) !important;
}
a.bg-azure:hover,
a.bg-azure:focus,
button.bg-azure:hover,
button.bg-azure:focus {
background-color: rgb(55, 143, 205) !important;
}
.text-azure {
color: rgb(153, 198, 230) !important;
}
.bg-lime {
background-color: rgb(20, 82, 40) !important;
}
a.bg-lime:hover,
a.bg-lime:focus,
button.bg-lime:hover,
button.bg-lime:focus {
background-color: rgb(20, 82, 40) !important;
}
.text-lime {
color: rgb(187, 230, 153) !important;
}
.icon {
color: rgb(185, 189, 198) !important;
}
a.icon:hover {
color: rgb(186, 191, 197) !important;
}
.shadow {
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px !important;
}
.nav-tabs {
color: rgb(185, 189, 198);
margin: 0px -0.75rem;
}
.nav-tabs .nav-link:hover:not(.disabled) {
border-color: rgb(110, 118, 135);
color: rgb(185, 189, 198);
}
.nav-tabs .nav-link.active {
border-color: rgb(68, 126, 207);
color: rgb(154, 185, 229);
background: transparent;
}
.nav-tabs .nav-submenu {
background: rgb(28, 28, 33);
border-right: 1px solid rgba(20, 45, 82, 0.12);
border-bottom: 1px solid rgba(20, 45, 82, 0.12);
border-left: 1px solid rgba(20, 45, 82, 0.12);
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.nav-tabs .nav-submenu .nav-item {
color: rgb(185, 189, 198);
}
.nav-tabs .nav-submenu .nav-item.active {
color: rgb(154, 185, 229);
}
.nav-tabs .nav-submenu .nav-item:hover {
color: rgb(185, 189, 198);
background: rgba(0, 0, 0, 0.024);
}
.btn-secondary {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border-color: rgba(20, 45, 82, 0.12);
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}
.btn-secondary:hover {
color: rgb(186, 191, 197);
background-color: rgb(36, 36, 36);
border-color: rgba(10, 22, 41, 0.12);
}
.btn-secondary:focus,
.btn-secondary.focus {
box-shadow: rgba(20, 45, 82, 0.5) 0px 0px 0px 2px;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border-color: rgba(20, 45, 82, 0.12);
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: rgb(186, 191, 197);
background-color: rgb(51, 51, 51);
border-color: rgba(7, 16, 29, 0.12);
}
.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(20, 45, 82, 0.5) 0px 0px 0px 2px;
}
.btn-facebook {
color: rgb(255, 255, 255);
background-color: rgb(59, 88, 151);
border-color: rgb(59, 88, 151);
}
.btn-facebook:hover {
color: rgb(255, 255, 255);
background-color: rgb(49, 74, 125);
border-color: rgb(44, 66, 114);
}
.btn-facebook:focus,
.btn-facebook.focus {
box-shadow: rgba(59, 88, 151, 0.5) 0px 0px 0px 2px;
}
.btn-facebook.disabled,
.btn-facebook:disabled {
color: rgb(255, 255, 255);
background-color: rgb(59, 88, 151);
border-color: rgb(59, 88, 151);
}
.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(44, 66, 114);
border-color: rgb(41, 62, 106);
}
.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.show > .btn-facebook.dropdown-toggle:focus {
box-shadow: rgba(59, 88, 151, 0.5) 0px 0px 0px 2px;
}
.btn-twitter {
color: rgb(255, 255, 255);
background-color: rgb(63, 152, 207);
border-color: rgb(63, 152, 207);
}
.btn-twitter:hover {
color: rgb(255, 255, 255);
background-color: rgb(47, 134, 188);
border-color: rgb(44, 125, 175);
}
.btn-twitter:focus,
.btn-twitter.focus {
box-shadow: rgba(63, 152, 207, 0.5) 0px 0px 0px 2px;
}
.btn-twitter.disabled,
.btn-twitter:disabled {
color: rgb(255, 255, 255);
background-color: rgb(63, 152, 207);
border-color: rgb(63, 152, 207);
}
.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(44, 125, 175);
border-color: rgb(42, 119, 167);
}
.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus {
box-shadow: rgba(63, 152, 207, 0.5) 0px 0px 0px 2px;
}
.btn-google {
color: rgb(255, 255, 255);
background-color: rgb(210, 87, 75);
border-color: rgb(210, 87, 75);
}
.btn-google:hover {
color: rgb(255, 255, 255);
background-color: rgb(196, 61, 49);
border-color: rgb(188, 59, 47);
}
.btn-google:focus,
.btn-google.focus {
box-shadow: rgba(210, 87, 75, 0.5) 0px 0px 0px 2px;
}
.btn-google.disabled,
.btn-google:disabled {
color: rgb(255, 255, 255);
background-color: rgb(210, 87, 75);
border-color: rgb(210, 87, 75);
}
.btn-google:not(:disabled):not(.disabled):active,
.btn-google:not(:disabled):not(.disabled).active,
.show > .btn-google.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(188, 59, 47);
border-color: rgb(175, 55, 44);
}
.btn-google:not(:disabled):not(.disabled):active:focus,
.btn-google:not(:disabled):not(.disabled).active:focus,
.show > .btn-google.dropdown-toggle:focus {
box-shadow: rgba(210, 87, 75, 0.5) 0px 0px 0px 2px;
}
.btn-youtube {
color: rgb(255, 255, 255);
background-color: rgb(204, 51, 51);
border-color: rgb(204, 51, 51);
}
.btn-youtube:hover {
color: rgb(255, 255, 255);
background-color: rgb(175, 44, 44);
border-color: rgb(163, 41, 41);
}
.btn-youtube:focus,
.btn-youtube.focus {
box-shadow: rgba(204, 51, 51, 0.5) 0px 0px 0px 2px;
}
.btn-youtube.disabled,
.btn-youtube:disabled {
color: rgb(255, 255, 255);
background-color: rgb(204, 51, 51);
border-color: rgb(204, 51, 51);
}
.btn-youtube:not(:disabled):not(.disabled):active,
.btn-youtube:not(:disabled):not(.disabled).active,
.show > .btn-youtube.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(163, 41, 41);
border-color: rgb(151, 38, 38);
}
.btn-youtube:not(:disabled):not(.disabled):active:focus,
.btn-youtube:not(:disabled):not(.disabled).active:focus,
.show > .btn-youtube.dropdown-toggle:focus {
box-shadow: rgba(204, 51, 51, 0.5) 0px 0px 0px 2px;
}
.btn-vimeo {
color: rgb(255, 255, 255);
background-color: rgb(55, 168, 205);
border-color: rgb(55, 168, 205);
}
.btn-vimeo:hover {
color: rgb(255, 255, 255);
background-color: rgb(45, 146, 180);
border-color: rgb(42, 136, 167);
}
.btn-vimeo:focus,
.btn-vimeo.focus {
box-shadow: rgba(55, 168, 205, 0.5) 0px 0px 0px 2px;
}
.btn-vimeo.disabled,
.btn-vimeo:disabled {
color: rgb(255, 255, 255);
background-color: rgb(55, 168, 205);
border-color: rgb(55, 168, 205);
}
.btn-vimeo:not(:disabled):not(.disabled):active,
.btn-vimeo:not(:disabled):not(.disabled).active,
.show > .btn-vimeo.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(42, 136, 167);
border-color: rgb(39, 126, 155);
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus,
.btn-vimeo:not(:disabled):not(.disabled).active:focus,
.show > .btn-vimeo.dropdown-toggle:focus {
box-shadow: rgba(55, 168, 205, 0.5) 0px 0px 0px 2px;
}
.btn-dribbble {
color: rgb(255, 255, 255);
background-color: rgb(200, 50, 107);
border-color: rgb(200, 50, 107);
}
.btn-dribbble:hover {
color: rgb(255, 255, 255);
background-color: rgb(207, 63, 118);
border-color: rgb(205, 55, 113);
}
.btn-dribbble:focus,
.btn-dribbble.focus {
box-shadow: rgba(200, 50, 107, 0.5) 0px 0px 0px 2px;
}
.btn-dribbble.disabled,
.btn-dribbble:disabled {
color: rgb(255, 255, 255);
background-color: rgb(200, 50, 107);
border-color: rgb(200, 50, 107);
}
.btn-dribbble:not(:disabled):not(.disabled):active,
.btn-dribbble:not(:disabled):not(.disabled).active,
.show > .btn-dribbble.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(205, 55, 113);
border-color: rgb(196, 49, 105);
}
.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.btn-dribbble:not(:disabled):not(.disabled).active:focus,
.show > .btn-dribbble.dropdown-toggle:focus {
box-shadow: rgba(200, 50, 107, 0.5) 0px 0px 0px 2px;
}
.btn-github {
color: rgb(255, 255, 255);
background-color: rgb(23, 23, 23);
border-color: rgb(23, 23, 23);
}
.btn-github:hover {
color: rgb(255, 255, 255);
background-color: rgb(5, 5, 5);
border-color: rgb(0, 0, 0);
}
.btn-github:focus,
.btn-github.focus {
box-shadow: rgba(23, 23, 23, 0.5) 0px 0px 0px 2px;
}
.btn-github.disabled,
.btn-github:disabled {
color: rgb(255, 255, 255);
background-color: rgb(23, 23, 23);
border-color: rgb(23, 23, 23);
}
.btn-github:not(:disabled):not(.disabled):active,
.btn-github:not(:disabled):not(.disabled).active,
.show > .btn-github.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);
border-color: rgb(0, 0, 0);
}
.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus,
.show > .btn-github.dropdown-toggle:focus {
box-shadow: rgba(23, 23, 23, 0.5) 0px 0px 0px 2px;
}
.btn-instagram {
color: rgb(255, 255, 255);
background-color: rgb(211, 80, 104);
border-color: rgb(211, 80, 104);
}
.btn-instagram:hover {
color: rgb(255, 255, 255);
background-color: rgb(204, 51, 82);
border-color: rgb(192, 48, 74);
}
.btn-instagram:focus,
.btn-instagram.focus {
box-shadow: rgba(211, 80, 104, 0.5) 0px 0px 0px 2px;
}
.btn-instagram.disabled,
.btn-instagram:disabled {
color: rgb(255, 255, 255);
background-color: rgb(211, 80, 104);
border-color: rgb(211, 80, 104);
}
.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active,
.show > .btn-instagram.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(192, 48, 74);
border-color: rgb(184, 46, 73);
}
.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus,
.show > .btn-instagram.dropdown-toggle:focus {
box-shadow: rgba(211, 80, 104, 0.5) 0px 0px 0px 2px;
}
.btn-pinterest {
color: rgb(255, 255, 255);
background-color: rgb(159, 40, 54);
border-color: rgb(159, 40, 54);
}
.btn-pinterest:hover {
color: rgb(255, 255, 255);
background-color: rgb(126, 32, 43);
border-color: rgb(118, 30, 40);
}
.btn-pinterest:focus,
.btn-pinterest.focus {
box-shadow: rgba(159, 40, 54, 0.5) 0px 0px 0px 2px;
}
.btn-pinterest.disabled,
.btn-pinterest:disabled {
color: rgb(255, 255, 255);
background-color: rgb(159, 40, 54);
border-color: rgb(159, 40, 54);
}
.btn-pinterest:not(:disabled):not(.disabled):active,
.btn-pinterest:not(:disabled):not(.disabled).active,
.show > .btn-pinterest.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(118, 30, 40);
border-color: rgb(106, 27, 36);
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.btn-pinterest:not(:disabled):not(.disabled).active:focus,
.show > .btn-pinterest.dropdown-toggle:focus {
box-shadow: rgba(159, 40, 54, 0.5) 0px 0px 0px 2px;
}
.btn-vk {
color: rgb(255, 255, 255);
background-color: rgb(98, 130, 167);
border-color: rgb(98, 130, 167);
}
.btn-vk:hover {
color: rgb(255, 255, 255);
background-color: rgb(83, 113, 147);
border-color: rgb(76, 105, 138);
}
.btn-vk:focus,
.btn-vk.focus {
box-shadow: rgba(98, 130, 167, 0.5) 0px 0px 0px 2px;
}
.btn-vk.disabled,
.btn-vk:disabled {
color: rgb(255, 255, 255);
background-color: rgb(98, 130, 167);
border-color: rgb(98, 130, 167);
}
.btn-vk:not(:disabled):not(.disabled):active,
.btn-vk:not(:disabled):not(.disabled).active,
.show > .btn-vk.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(76, 105, 138);
border-color: rgb(73, 100, 131);
}
.btn-vk:not(:disabled):not(.disabled):active:focus,
.btn-vk:not(:disabled):not(.disabled).active:focus,
.show > .btn-vk.dropdown-toggle:focus {
box-shadow: rgba(98, 130, 167, 0.5) 0px 0px 0px 2px;
}
.btn-rss {
color: rgb(255, 255, 255);
background-color: rgb(204, 150, 51);
border-color: rgb(204, 150, 51);
}
.btn-rss:hover {
color: rgb(255, 255, 255);
background-color: rgb(175, 129, 44);
border-color: rgb(163, 120, 41);
}
.btn-rss:focus,
.btn-rss.focus {
box-shadow: rgba(204, 150, 51, 0.5) 0px 0px 0px 2px;
}
.btn-rss.disabled,
.btn-rss:disabled {
color: rgb(255, 255, 255);
background-color: rgb(204, 150, 51);
border-color: rgb(204, 150, 51);
}
.btn-rss:not(:disabled):not(.disabled):active,
.btn-rss:not(:disabled):not(.disabled).active,
.show > .btn-rss.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(163, 120, 41);
border-color: rgb(151, 111, 38);
}
.btn-rss:not(:disabled):not(.disabled):active:focus,
.btn-rss:not(:disabled):not(.disabled).active:focus,
.show > .btn-rss.dropdown-toggle:focus {
box-shadow: rgba(204, 150, 51, 0.5) 0px 0px 0px 2px;
}
.btn-flickr {
color: rgb(255, 255, 255);
background-color: rgb(44, 103, 175);
border-color: rgb(44, 103, 175);
}
.btn-flickr:hover {
color: rgb(255, 255, 255);
background-color: rgb(37, 86, 147);
border-color: rgb(34, 79, 135);
}
.btn-flickr:focus,
.btn-flickr.focus {
box-shadow: rgba(44, 103, 175, 0.5) 0px 0px 0px 2px;
}
.btn-flickr.disabled,
.btn-flickr:disabled {
color: rgb(255, 255, 255);
background-color: rgb(44, 103, 175);
border-color: rgb(44, 103, 175);
}
.btn-flickr:not(:disabled):not(.disabled):active,
.btn-flickr:not(:disabled):not(.disabled).active,
.show > .btn-flickr.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(34, 79, 135);
border-color: rgb(32, 74, 126);
}
.btn-flickr:not(:disabled):not(.disabled):active:focus,
.btn-flickr:not(:disabled):not(.disabled).active:focus,
.show > .btn-flickr.dropdown-toggle:focus {
box-shadow: rgba(44, 103, 175, 0.5) 0px 0px 0px 2px;
}
.btn-bitbucket {
color: rgb(255, 255, 255);
background-color: rgb(41, 90, 163);
border-color: rgb(41, 90, 163);
}
.btn-bitbucket:hover {
color: rgb(255, 255, 255);
background-color: rgb(34, 74, 135);
border-color: rgb(31, 67, 122);
}
.btn-bitbucket:focus,
.btn-bitbucket.focus {
box-shadow: rgba(41, 90, 163, 0.5) 0px 0px 0px 2px;
}
.btn-bitbucket.disabled,
.btn-bitbucket:disabled {
color: rgb(255, 255, 255);
background-color: rgb(41, 90, 163);
border-color: rgb(41, 90, 163);
}
.btn-bitbucket:not(:disabled):not(.disabled):active,
.btn-bitbucket:not(:disabled):not(.disabled).active,
.show > .btn-bitbucket.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(31, 67, 122);
border-color: rgb(28, 61, 110);
}
.btn-bitbucket:not(:disabled):not(.disabled):active:focus,
.btn-bitbucket:not(:disabled):not(.disabled).active:focus,
.show > .btn-bitbucket.dropdown-toggle:focus {
box-shadow: rgba(41, 90, 163, 0.5) 0px 0px 0px 2px;
}
.btn-blue {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.btn-blue:hover {
color: rgb(255, 255, 255);
background-color: rgb(49, 108, 191);
border-color: rgb(47, 101, 177);
}
.btn-blue:focus,
.btn-blue.focus {
box-shadow: rgba(68, 126, 207, 0.5) 0px 0px 0px 2px;
}
.btn-blue.disabled,
.btn-blue:disabled {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(47, 101, 177);
border-color: rgb(44, 97, 170);
}
.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.dropdown-toggle:focus {
box-shadow: rgba(68, 126, 207, 0.5) 0px 0px 0px 2px;
}
.btn-indigo {
color: rgb(255, 255, 255);
background-color: rgb(101, 117, 205);
border-color: rgb(101, 117, 205);
}
.btn-indigo:hover {
color: rgb(255, 255, 255);
background-color: rgb(74, 92, 196);
border-color: rgb(62, 80, 193);
}
.btn-indigo:focus,
.btn-indigo.focus {
box-shadow: rgba(101, 117, 205, 0.5) 0px 0px 0px 2px;
}
.btn-indigo.disabled,
.btn-indigo:disabled {
color: rgb(255, 255, 255);
background-color: rgb(101, 117, 205);
border-color: rgb(101, 117, 205);
}
.btn-indigo:not(:disabled):not(.disabled):active,
.btn-indigo:not(:disabled):not(.disabled).active,
.show > .btn-indigo.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(62, 80, 193);
border-color: rgb(59, 77, 181);
}
.btn-indigo:not(:disabled):not(.disabled):active:focus,
.btn-indigo:not(:disabled):not(.disabled).active:focus,
.show > .btn-indigo.dropdown-toggle:focus {
box-shadow: rgba(101, 117, 205, 0.5) 0px 0px 0px 2px;
}
.btn-purple {
color: rgb(255, 255, 255);
background-color: rgb(117, 47, 188);
border-color: rgb(117, 47, 188);
}
.btn-purple:hover {
color: rgb(255, 255, 255);
background-color: rgb(145, 80, 211);
border-color: rgb(140, 67, 208);
}
.btn-purple:focus,
.btn-purple.focus {
box-shadow: rgba(117, 47, 188, 0.5) 0px 0px 0px 2px;
}
.btn-purple.disabled,
.btn-purple:disabled {
color: rgb(255, 255, 255);
background-color: rgb(117, 47, 188);
border-color: rgb(117, 47, 188);
}
.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(140, 67, 208);
border-color: rgb(133, 59, 206);
}
.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
box-shadow: rgba(117, 47, 188, 0.5) 0px 0px 0px 2px;
}
.btn-pink {
color: rgb(255, 255, 255);
background-color: rgb(163, 41, 82);
border-color: rgb(163, 41, 82);
}
.btn-pink:hover {
color: rgb(255, 255, 255);
background-color: rgb(196, 49, 98);
border-color: rgb(214, 92, 133);
}
.btn-pink:focus,
.btn-pink.focus {
box-shadow: rgba(163, 41, 82, 0.5) 0px 0px 0px 2px;
}
.btn-pink.disabled,
.btn-pink:disabled {
color: rgb(255, 255, 255);
background-color: rgb(163, 41, 82);
border-color: rgb(163, 41, 82);
}
.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(214, 92, 133);
border-color: rgb(211, 80, 123);
}
.btn-pink:not(:disabled):not(.disabled):active:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-pink.dropdown-toggle:focus {
box-shadow: rgba(163, 41, 82, 0.5) 0px 0px 0px 2px;
}
.btn-red {
color: rgb(255, 255, 255);
background-color: rgb(188, 47, 47);
border-color: rgb(188, 47, 47);
}
.btn-red:hover {
color: rgb(255, 255, 255);
background-color: rgb(159, 40, 40);
border-color: rgb(147, 37, 37);
}
.btn-red:focus,
.btn-red.focus {
box-shadow: rgba(188, 47, 47, 0.5) 0px 0px 0px 2px;
}
.btn-red.disabled,
.btn-red:disabled {
color: rgb(255, 255, 255);
background-color: rgb(188, 47, 47);
border-color: rgb(188, 47, 47);
}
.btn-red:not(:disabled):not(.disabled):active,
.btn-red:not(:disabled):not(.disabled).active,
.show > .btn-red.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(147, 37, 37);
border-color: rgb(139, 35, 35);
}
.btn-red:not(:disabled):not(.disabled):active:focus,
.btn-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-red.dropdown-toggle:focus {
box-shadow: rgba(188, 47, 47, 0.5) 0px 0px 0px 2px;
}
.btn-orange {
color: rgb(255, 255, 255);
background-color: rgb(192, 113, 48);
border-color: rgb(192, 113, 48);
}
.btn-orange:hover {
color: rgb(255, 255, 255);
background-color: rgb(209, 133, 71);
border-color: rgb(207, 128, 63);
}
.btn-orange:focus,
.btn-orange.focus {
box-shadow: rgba(192, 113, 48, 0.5) 0px 0px 0px 2px;
}
.btn-orange.disabled,
.btn-orange:disabled {
color: rgb(255, 255, 255);
background-color: rgb(192, 113, 48);
border-color: rgb(192, 113, 48);
}
.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(207, 128, 63);
border-color: rgb(204, 120, 51);
}
.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
box-shadow: rgba(192, 113, 48, 0.5) 0px 0px 0px 2px;
}
.btn-yellow {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-yellow:hover {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-yellow:focus,
.btn-yellow.focus {
box-shadow: rgba(102, 75, 0, 0.5) 0px 0px 0px 2px;
}
.btn-yellow.disabled,
.btn-yellow:disabled {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-yellow:not(:disabled):not(.disabled):active,
.btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-yellow:not(:disabled):not(.disabled):active:focus,
.btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
box-shadow: rgba(102, 75, 0, 0.5) 0px 0px 0px 2px;
}
.btn-green {
color: rgb(255, 255, 255);
background-color: rgb(92, 147, 37);
border-color: rgb(92, 147, 37);
}
.btn-green:hover {
color: rgb(255, 255, 255);
background-color: rgb(74, 118, 30);
border-color: rgb(66, 106, 27);
}
.btn-green:focus,
.btn-green.focus {
box-shadow: rgba(92, 147, 37, 0.5) 0px 0px 0px 2px;
}
.btn-green.disabled,
.btn-green:disabled {
color: rgb(255, 255, 255);
background-color: rgb(92, 147, 37);
border-color: rgb(92, 147, 37);
}
.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(66, 106, 27);
border-color: rgb(61, 98, 24);
}
.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
box-shadow: rgba(92, 147, 37, 0.5) 0px 0px 0px 2px;
}
.btn-teal {
color: rgb(255, 255, 255);
background-color: rgb(49, 196, 181);
border-color: rgb(49, 196, 181);
}
.btn-teal:hover {
color: rgb(255, 255, 255);
background-color: rgb(42, 167, 155);
border-color: rgb(39, 155, 141);
}
.btn-teal:focus,
.btn-teal.focus {
box-shadow: rgba(49, 196, 181, 0.5) 0px 0px 0px 2px;
}
.btn-teal.disabled,
.btn-teal:disabled {
color: rgb(255, 255, 255);
background-color: rgb(49, 196, 181);
border-color: rgb(49, 196, 181);
}
.btn-teal:not(:disabled):not(.disabled):active,
.btn-teal:not(:disabled):not(.disabled).active,
.show > .btn-teal.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(39, 155, 141);
border-color: rgb(37, 147, 136);
}
.btn-teal:not(:disabled):not(.disabled):active:focus,
.btn-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal.dropdown-toggle:focus {
box-shadow: rgba(49, 196, 181, 0.5) 0px 0px 0px 2px;
}
.btn-cyan {
color: rgb(255, 255, 255);
background-color: rgb(42, 151, 167);
border-color: rgb(42, 151, 167);
}
.btn-cyan:hover {
color: rgb(255, 255, 255);
background-color: rgb(34, 121, 135);
border-color: rgb(32, 114, 126);
}
.btn-cyan:focus,
.btn-cyan.focus {
box-shadow: rgba(42, 151, 167, 0.5) 0px 0px 0px 2px;
}
.btn-cyan.disabled,
.btn-cyan:disabled {
color: rgb(255, 255, 255);
background-color: rgb(42, 151, 167);
border-color: rgb(42, 151, 167);
}
.btn-cyan:not(:disabled):not(.disabled):active,
.btn-cyan:not(:disabled):not(.disabled).active,
.show > .btn-cyan.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(32, 114, 126);
border-color: rgb(29, 103, 114);
}
.btn-cyan:not(:disabled):not(.disabled):active:focus,
.btn-cyan:not(:disabled):not(.disabled).active:focus,
.show > .btn-cyan.dropdown-toggle:focus {
box-shadow: rgba(42, 151, 167, 0.5) 0px 0px 0px 2px;
}
.btn-white {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border-color: rgb(28, 28, 33);
}
.btn-white:hover {
color: rgb(186, 191, 197);
background-color: rgb(43, 43, 43);
border-color: rgb(51, 51, 51);
}
.btn-white:focus,
.btn-white.focus {
box-shadow: rgba(28, 28, 33, 0.5) 0px 0px 0px 2px;
}
.btn-white.disabled,
.btn-white:disabled {
color: rgb(186, 191, 197);
background-color: rgb(28, 28, 33);
border-color: rgb(28, 28, 33);
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
color: rgb(186, 191, 197);
background-color: rgb(51, 51, 51);
border-color: rgb(59, 59, 59);
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
box-shadow: rgba(28, 28, 33, 0.5) 0px 0px 0px 2px;
}
.btn-gray {
color: rgb(255, 255, 255);
background-color: rgb(135, 143, 151);
border-color: rgb(135, 143, 151);
}
.btn-gray:hover {
color: rgb(255, 255, 255);
background-color: rgb(114, 122, 131);
border-color: rgb(109, 118, 126);
}
.btn-gray:focus,
.btn-gray.focus {
box-shadow: rgba(135, 143, 151, 0.5) 0px 0px 0px 2px;
}
.btn-gray.disabled,
.btn-gray:disabled {
color: rgb(255, 255, 255);
background-color: rgb(135, 143, 151);
border-color: rgb(135, 143, 151);
}
.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(109, 118, 126);
border-color: rgb(102, 110, 117);
}
.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
box-shadow: rgba(135, 143, 151, 0.5) 0px 0px 0px 2px;
}
.btn-gray-dark {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
border-color: rgb(53, 59, 65);
}
.btn-gray-dark:hover {
color: rgb(255, 255, 255);
background-color: rgb(38, 38, 38);
border-color: rgb(33, 33, 33);
}
.btn-gray-dark:focus,
.btn-gray-dark.focus {
box-shadow: rgba(53, 59, 65, 0.5) 0px 0px 0px 2px;
}
.btn-gray-dark.disabled,
.btn-gray-dark:disabled {
color: rgb(255, 255, 255);
background-color: rgb(53, 59, 65);
border-color: rgb(53, 59, 65);
}
.btn-gray-dark:not(:disabled):not(.disabled):active,
.btn-gray-dark:not(:disabled):not(.disabled).active,
.show > .btn-gray-dark.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(33, 33, 33);
border-color: rgb(26, 26, 26);
}
.btn-gray-dark:not(:disabled):not(.disabled):active:focus,
.btn-gray-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-dark.dropdown-toggle:focus {
box-shadow: rgba(53, 59, 65, 0.5) 0px 0px 0px 2px;
}
.btn-azure {
color: rgb(255, 255, 255);
background-color: rgb(50, 137, 200);
border-color: rgb(50, 137, 200);
}
.btn-azure:hover {
color: rgb(255, 255, 255);
background-color: rgb(67, 149, 208);
border-color: rgb(55, 143, 205);
}
.btn-azure:focus,
.btn-azure.focus {
box-shadow: rgba(50, 137, 200, 0.5) 0px 0px 0px 2px;
}
.btn-azure.disabled,
.btn-azure:disabled {
color: rgb(255, 255, 255);
background-color: rgb(50, 137, 200);
border-color: rgb(50, 137, 200);
}
.btn-azure:not(:disabled):not(.disabled):active,
.btn-azure:not(:disabled):not(.disabled).active,
.show > .btn-azure.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(55, 143, 205);
border-color: rgb(49, 135, 196);
}
.btn-azure:not(:disabled):not(.disabled):active:focus,
.btn-azure:not(:disabled):not(.disabled).active:focus,
.show > .btn-azure.dropdown-toggle:focus {
box-shadow: rgba(50, 137, 200, 0.5) 0px 0px 0px 2px;
}
.btn-lime {
color: rgb(255, 255, 255);
background-color: rgb(20, 82, 40);
border-color: rgb(20, 82, 40);
}
.btn-lime:hover {
color: rgb(255, 255, 255);
background-color: rgb(20, 82, 40);
border-color: rgb(20, 82, 40);
}
.btn-lime:focus,
.btn-lime.focus {
box-shadow: rgba(20, 82, 40, 0.5) 0px 0px 0px 2px;
}
.btn-lime.disabled,
.btn-lime:disabled {
color: rgb(255, 255, 255);
background-color: rgb(20, 82, 40);
border-color: rgb(20, 82, 40);
}
.btn-lime:not(:disabled):not(.disabled):active,
.btn-lime:not(:disabled):not(.disabled).active,
.show > .btn-lime.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(20, 82, 40);
border-color: rgb(20, 82, 40);
}
.btn-lime:not(:disabled):not(.disabled):active:focus,
.btn-lime:not(:disabled):not(.disabled).active:focus,
.show > .btn-lime.dropdown-toggle:focus {
box-shadow: rgba(20, 82, 40, 0.5) 0px 0px 0px 2px;
}
.btn-option {
background: transparent;
color: rgb(185, 189, 198);
}
.btn-option:hover {
color: rgb(185, 189, 198);
}
.btn-option:focus {
box-shadow: none;
color: rgb(185, 189, 198);
}
.btn-loading::after {
border-bottom-color: rgb(28, 28, 33);
border-left-color: rgb(28, 28, 33);
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.btn-loading.btn-secondary::after {
border-color: rgb(72, 79, 86);
}
.badge {
color: rgb(255, 255, 255);
}
.badge-default {
background: rgb(43, 43, 43);
color: rgb(187, 191, 196);
}
.table th,
.text-wrap table th {
color: rgb(185, 189, 198);
}
.table-striped tbody tr:nth-of-type(2n) {
background-color: rgba(0, 0, 0, 0.02);
}
.table-calendar-link {
background: rgb(31, 31, 31);
color: rgb(186, 191, 197);
}
.table-calendar-link::before {
background: rgb(68, 126, 207);
}
.table-calendar-link:hover {
color: rgb(255, 255, 255);
background: rgb(68, 126, 207);
transition: background 0.3s ease 0s;
}
.table-calendar-link:hover::before {
background: rgb(28, 28, 33);
}
.table-header:hover {
color: rgb(186, 191, 197) !important;
}
.table-header-asc {
color: rgb(186, 191, 197) !important;
}
.table-header-desc {
color: rgb(186, 191, 197) !important;
}
.page-breadcrumb .breadcrumb-item {
color: rgb(185, 189, 198);
}
.page-breadcrumb .breadcrumb-item.active {
color: rgb(185, 189, 198);
}
.pagination-simple .page-item.active .page-link {
color: rgb(186, 191, 197);
font-weight: 700;
}
.page-total-text {
color: rgb(185, 189, 198);
}
.card-body + .card-body {
border-top: 1px solid rgba(20, 45, 82, 0.12);
}
.card-footer {
border-top: 1px solid rgba(20, 45, 82, 0.12);
color: rgb(185, 189, 198);
}
.card-img-overlay {
background-color: rgba(0, 0, 0, 0.4);
}
.card-title small,
.card-subtitle {
color: rgb(185, 189, 198);
}
.card-body + .card-table {
border-top: 1px solid rgba(20, 45, 82, 0.12);
}
.card-profile-img {
border: 3px solid rgb(28, 28, 33);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}
.card-body + .card-list-group {
border-top: 1px solid rgba(20, 45, 82, 0.12);
}
.card-options {
color: rgb(185, 189, 198);
}
.card-options a {
color: rgb(185, 189, 198);
}
.card-options a:hover {
color: rgb(185, 189, 198);
}
.card-map {
height: 15rem;
background: rgb(43, 43, 43);
}
.card-tabs-bottom .card-tabs-item {
border-top-color: rgba(20, 45, 82, 0.12);
}
.card-tabs-bottom .card-tabs-item.active {
border-top-color: rgb(28, 28, 33);
}
.card-tabs-item {
border-bottom: 1px solid rgba(20, 45, 82, 0.12);
}
a.card-tabs-item {
background: rgb(31, 31, 31);
}
a.card-tabs-item.active {
background: rgb(28, 28, 33);
border-bottom-color: rgb(255, 255, 255);
}
.card-tabs-item + .card-tabs-item {
border-left: 1px solid rgba(20, 45, 82, 0.12);
}
.card-status {
background: rgba(20, 45, 82, 0.12);
}
.popover {
filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 1px 3px);
}
.dropdown-menu {
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.dropdown-item {
color: rgb(185, 189, 198);
}
.dropdown-menu-arrow::before {
border-right: 5px solid transparent;
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-left: 5px solid transparent;
}
.dropdown-menu-arrow::after {
border-right: 5px solid transparent;
border-bottom: 5px solid rgb(28, 28, 33);
border-left: 5px solid transparent;
}
.dropdown-icon {
color: rgb(185, 189, 198);
}
.list-separated-item + .list-separated-item {
border-top: 1px solid rgba(20, 45, 82, 0.12);
}
.list-group-transparent .list-group-item.active {
background: rgba(68, 126, 207, 0.06);
}
.avatar {
background: center center / cover no-repeat rgb(59, 69, 78);
color: rgb(187, 191, 196);
}
.avatar-status {
border: 2px solid rgb(28, 28, 33);
background: rgb(135, 143, 151);
}
.avatar-list-stacked .avatar {
box-shadow: rgb(28, 28, 33) 0px 0px 0px 2px;
}
.avatar-blue {
background-color: rgb(25, 55, 97);
color: rgb(154, 185, 229);
}
.avatar-indigo {
background-color: rgb(27, 35, 85);
color: rgb(159, 168, 224);
}
.avatar-purple {
background-color: rgb(54, 21, 86);
color: rgb(191, 153, 230);
}
.avatar-pink {
background-color: rgb(78, 19, 39);
color: rgb(230, 153, 178);
}
.avatar-red {
background-color: rgb(106, 27, 27);
color: rgb(230, 153, 153);
}
.avatar-orange {
background-color: rgb(86, 50, 21);
color: rgb(230, 187, 153);
}
.avatar-yellow {
background-color: rgb(102, 75, 0);
color: rgb(230, 214, 153);
}
.avatar-green {
background-color: rgb(75, 116, 32);
color: rgb(191, 230, 153);
}
.avatar-teal {
background-color: rgb(27, 106, 98);
color: rgb(153, 230, 222);
}
.avatar-cyan {
background-color: rgb(33, 98, 110);
color: rgb(153, 219, 230);
}
.avatar-white {
background-color: rgb(28, 28, 33);
color: rgb(255, 255, 255);
}
.avatar-gray {
background-color: rgb(59, 59, 59);
color: rgb(187, 191, 196);
}
.avatar-gray-dark {
background-color: rgb(84, 84, 84);
color: rgb(185, 191, 198);
}
.avatar-azure {
background-color: rgb(22, 63, 90);
color: rgb(153, 198, 230);
}
.avatar-lime {
background-color: rgb(20, 82, 40);
color: rgb(187, 230, 153);
}
.loader {
color: rgb(154, 185, 229);
}
.loader::after {
border-color: currentcolor transparent transparent;
box-shadow: transparent 0px 0px 0px 1px;
}
.icons-list-item {
border-right: 1px solid rgba(20, 45, 82, 0.12);
border-bottom: 1px solid rgba(20, 45, 82, 0.12);
}
.link-overlay-bg {
background: rgba(68, 126, 207, 0.8);
color: rgb(255, 255, 255);
}
.custom-control-label::before {
border: 1px solid rgba(20, 45, 82, 0.12);
background-color: rgb(28, 28, 33);
background-size: 0.5rem;
}
.input-group-prepend > .btn,
.input-group-append > .btn,
.input-group-btn > .btn {
border-color: rgba(20, 45, 82, 0.12);
}
.input-icon-addon {
color: rgb(185, 189, 198);
}
.form-fieldset {
background: rgb(31, 31, 31);
border: 1px solid rgb(43, 43, 43);
}
.form-required {
color: rgb(230, 153, 153);
}
.form-help {
color: rgb(185, 189, 198);
background: rgb(31, 31, 31);
}
.form-help:hover,
.form-help[aria-describedby] {
background: rgb(68, 126, 207);
color: rgb(255, 255, 255);
}
.jqstooltip {
background: rgb(51, 51, 51) !important;
}
.social-links li a {
background: rgb(33, 33, 33);
color: rgb(185, 189, 198);
}
.map-header::before {
background: linear-gradient(rgba(33, 33, 33, 0) 5%, rgb(33, 33, 33) 95%);
}
.chart-circle-value small {
color: rgb(185, 189, 198);
}
.chip {
color: rgb(185, 189, 198);
background-color: rgb(31, 31, 31);
}
a.chip:hover {
background-color: rgb(43, 43, 43);
}
.stamp {
color: rgb(255, 255, 255);
background: rgb(135, 143, 151);
}
.chat-message {
background-color: rgb(68, 126, 207);
color: rgb(255, 255, 255);
}
.chat-message::after {
border-bottom: 6px solid transparent;
border-left: 6px solid rgb(68, 126, 207);
border-top: 6px solid transparent;
}
.chat-line-friend .chat-message {
background-color: rgb(38, 38, 38);
color: rgb(186, 191, 197);
}
.chat-line-friend .chat-message::after {
border-right: 5px solid rgb(38, 38, 38);
}
.example {
border: 1px solid rgba(20, 45, 82, 0.12);
}
.example-bg {
background: rgb(33, 33, 33);
}
.highlight {
border: 1px solid rgba(20, 45, 82, 0.12);
background: rgb(28, 28, 28);
}
.highlight pre {
background-color: transparent;
}
.tag {
font-size: 0.75rem;
color: rgb(185, 189, 198);
background-color: rgb(43, 43, 43);
}
a.tag:hover {
background-color: rgba(110, 118, 135, 0.2);
}
.tag-addon {
background: rgba(0, 0, 0, 0.06);
}
a.tag-addon:hover {
background: rgba(0, 0, 0, 0.16);
color: inherit;
}
.tag-blue {
background-color: rgb(68, 126, 207);
color: rgb(255, 255, 255);
}
.tag-indigo {
background-color: rgb(101, 117, 205);
color: rgb(255, 255, 255);
}
.tag-purple {
background-color: rgb(117, 47, 188);
color: rgb(255, 255, 255);
}
.tag-pink {
background-color: rgb(163, 41, 82);
color: rgb(255, 255, 255);
}
.tag-red {
background-color: rgb(188, 47, 47);
color: rgb(255, 255, 255);
}
.tag-orange {
background-color: rgb(192, 113, 48);
color: rgb(255, 255, 255);
}
.tag-yellow {
background-color: rgb(102, 75, 0);
color: rgb(255, 255, 255);
}
.tag-green {
background-color: rgb(92, 147, 37);
color: rgb(255, 255, 255);
}
.tag-teal {
background-color: rgb(49, 196, 181);
color: rgb(255, 255, 255);
}
.tag-cyan {
background-color: rgb(42, 151, 167);
color: rgb(255, 255, 255);
}
.tag-white {
background-color: rgb(28, 28, 33);
color: rgb(255, 255, 255);
}
.tag-gray {
background-color: rgb(135, 143, 151);
color: rgb(255, 255, 255);
}
.tag-gray-dark {
background-color: rgb(53, 59, 65);
color: rgb(255, 255, 255);
}
.tag-azure {
background-color: rgb(50, 137, 200);
color: rgb(255, 255, 255);
}
.tag-lime {
background-color: rgb(20, 82, 40);
color: rgb(255, 255, 255);
}
.tag-primary {
background-color: rgb(68, 126, 207);
color: rgb(255, 255, 255);
}
.tag-secondary {
background-color: rgb(135, 143, 151);
color: rgb(255, 255, 255);
}
.tag-success {
background-color: rgb(92, 147, 37);
color: rgb(255, 255, 255);
}
.tag-info {
background-color: rgb(50, 137, 200);
color: rgb(255, 255, 255);
}
.tag-warning {
background-color: rgb(102, 75, 0);
color: rgb(255, 255, 255);
}
.tag-danger {
background-color: rgb(188, 47, 47);
color: rgb(255, 255, 255);
}
.tag-light {
background-color: rgb(31, 31, 31);
color: rgb(255, 255, 255);
}
.tag-dark {
background-color: rgb(53, 59, 65);
color: rgb(255, 255, 255);
}
.highlight .hll {
background-color: rgb(102, 75, 0);
}
.highlight .c {
color: rgb(191, 191, 191);
}
.highlight .k {
color: rgb(153, 204, 230);
}
.highlight .o {
color: rgb(191, 191, 191);
}
.highlight .cm {
color: rgb(191, 191, 191);
}
.highlight .cp {
color: rgb(153, 230, 230);
}
.highlight .c1 {
color: rgb(191, 191, 191);
}
.highlight .cs {
color: rgb(191, 191, 191);
}
.highlight .gd {
background-color: rgb(82, 20, 20);
border: 1px solid rgb(163, 41, 41);
}
.highlight .ge {
font-style: italic;
}
.highlight .gr {
color: rgb(230, 153, 153);
}
.highlight .gh {
color: rgb(153, 230, 153);
}
.highlight .gi {
background-color: rgb(20, 82, 20);
border: 1px solid rgb(41, 163, 41);
}
.highlight .go {
color: rgb(191, 191, 191);
}
.highlight .gp {
color: rgb(153, 153, 230);
}
.highlight .gu {
color: rgb(153, 230, 153);
}
.highlight .gt {
color: rgb(191, 223, 159);
}
.highlight .kc {
color: rgb(153, 204, 230);
}
.highlight .kd {
color: rgb(153, 204, 230);
}
.highlight .kn {
color: rgb(153, 204, 230);
}
.highlight .kp {
color: rgb(153, 204, 230);
}
.highlight .kr {
color: rgb(153, 204, 230);
}
.highlight .kt {
color: rgb(153, 219, 230);
}
.highlight .m {
color: rgb(230, 184, 153);
}
.highlight .s {
color: rgb(230, 153, 157);
}
.highlight .na {
color: rgb(155, 200, 228);
}
.highlight .nb {
color: rgb(170, 212, 212);
}
.highlight .nc {
color: rgb(153, 230, 214);
}
.highlight .no {
color: rgb(191, 230, 153);
}
.highlight .nd {
color: rgb(173, 173, 235);
}
.highlight .ni {
color: rgb(191, 191, 191);
}
.highlight .ne {
color: rgb(230, 153, 153);
}
.highlight .nf {
color: rgb(214, 153, 230);
}
.highlight .nl {
color: rgb(173, 173, 235);
}
.highlight .nn {
color: rgb(153, 214, 230);
}
.highlight .nt {
color: rgb(157, 196, 226);
}
.highlight .nv {
color: rgb(153, 230, 230);
}
.highlight .ow {
color: rgb(191, 191, 191);
}
.highlight .w {
color: rgb(191, 191, 191);
}
.highlight .mf {
color: rgb(230, 184, 153);
}
.highlight .mh {
color: rgb(230, 184, 153);
}
.highlight .mi {
color: rgb(230, 184, 153);
}
.highlight .mo {
color: rgb(230, 184, 153);
}
.highlight .sb {
color: rgb(230, 172, 153);
}
.highlight .sc {
color: rgb(230, 172, 153);
}
.highlight .sd {
color: rgb(230, 172, 153);
}
.highlight .s2 {
color: rgb(230, 172, 153);
}
.highlight .se {
color: rgb(230, 172, 153);
}
.highlight .sh {
color: rgb(230, 172, 153);
}
.highlight .si {
color: rgb(230, 153, 153);
}
.highlight .sx {
color: rgb(230, 172, 153);
}
.highlight .sr {
color: rgb(157, 226, 226);
}
.highlight .s1 {
color: rgb(230, 172, 153);
}
.highlight .ss {
color: rgb(230, 210, 153);
}
.highlight .bp {
color: rgb(170, 212, 212);
}
.highlight .vc {
color: rgb(153, 230, 230);
}
.highlight .vg {
color: rgb(153, 230, 230);
}
.highlight .vi {
color: rgb(153, 230, 230);
}
.highlight .il {
color: rgb(230, 184, 153);
}
.highlight .css .o,
.highlight .css .o + .nt,
.highlight .css .nt + .nt {
color: rgb(191, 191, 191);
}
.highlight .language-bash::before,
.highlight .language-sh::before {
color: rgb(153, 153, 230);
}
.highlight .language-powershell::before {
color: rgb(153, 153, 230);
}
.custom-range:focus::-webkit-slider-thumb {
border-color: rgb(68, 126, 207);
background-color: rgb(68, 126, 207);
}
.custom-range::-webkit-slider-runnable-track {
background: rgb(68, 126, 207);
}
.custom-range::-webkit-slider-thumb {
background: rgb(28, 28, 33);
box-shadow: rgba(25, 56, 102, 0.12) 1px 0px 0px -6px, rgba(25, 56, 102, 0.12) 6px 0px 0px -6px, rgba(25, 56, 102, 0.12) 7px 0px 0px -6px, rgba(25, 56, 102, 0.12) 8px 0px 0px -6px, rgba(25, 56, 102, 0.12) 9px 0px 0px -6px, rgba(25, 56, 102, 0.12) 10px 0px 0px -6px, rgba(25, 56, 102, 0.12) 11px 0px 0px -6px, rgba(25, 56, 102, 0.12) 12px 0px 0px -6px, rgba(25, 56, 102, 0.12) 13px 0px 0px -6px, rgba(25, 56, 102, 0.12) 14px 0px 0px -6px, rgba(25, 56, 102, 0.12) 15px 0px 0px -6px, rgba(25, 56, 102, 0.12) 16px 0px 0px -6px, rgba(25, 56, 102, 0.12) 17px 0px 0px -6px, rgba(25, 56, 102, 0.12) 18px 0px 0px -6px, rgba(25, 56, 102, 0.12) 19px 0px 0px -6px, rgba(25, 56, 102, 0.12) 20px 0px 0px -6px, rgba(25, 56, 102, 0.12) 21px 0px 0px -6px, rgba(25, 56, 102, 0.12) 22px 0px 0px -6px, rgba(25, 56, 102, 0.12) 23px 0px 0px -6px, rgba(25, 56, 102, 0.12) 24px 0px 0px -6px, rgba(25, 56, 102, 0.12) 25px 0px 0px -6px, rgba(25, 56, 102, 0.12) 26px 0px 0px -6px, rgba(25, 56, 102, 0.12) 27px 0px 0px -6px, rgba(25, 56, 102, 0.12) 28px 0px 0px -6px, rgba(25, 56, 102, 0.12) 29px 0px 0px -6px, rgba(25, 56, 102, 0.12) 30px 0px 0px -6px, rgba(25, 56, 102, 0.12) 31px 0px 0px -6px, rgba(25, 56, 102, 0.12) 32px 0px 0px -6px, rgba(25, 56, 102, 0.12) 33px 0px 0px -6px, rgba(25, 56, 102, 0.12) 34px 0px 0px -6px, rgba(25, 56, 102, 0.12) 35px 0px 0px -6px, rgba(25, 56, 102, 0.12) 36px 0px 0px -6px, rgba(25, 56, 102, 0.12) 37px 0px 0px -6px, rgba(25, 56, 102, 0.12) 38px 0px 0px -6px, rgba(25, 56, 102, 0.12) 39px 0px 0px -6px, rgba(25, 56, 102, 0.12) 40px 0px 0px -6px, rgba(25, 56, 102, 0.12) 41px 0px 0px -6px, rgba(25, 56, 102, 0.12) 42px 0px 0px -6px, rgba(25, 56, 102, 0.12) 43px 0px 0px -6px, rgba(25, 56, 102, 0.12) 44px 0px 0px -6px, rgba(25, 56, 102, 0.12) 45px 0px 0px -6px, rgba(25, 56, 102, 0.12) 46px 0px 0px -6px, rgba(25, 56, 102, 0.12) 47px 0px 0px -6px, rgba(25, 56, 102, 0.12) 48px 0px 0px -6px, rgba(25, 56, 102, 0.12) 49px 0px 0px -6px, rgba(25, 56, 102, 0.12) 50px 0px 0px -6px, rgba(25, 56, 102, 0.12) 51px 0px 0px -6px, rgba(25, 56, 102, 0.12) 52px 0px 0px -6px, rgba(25, 56, 102, 0.12) 53px 0px 0px -6px, rgba(25, 56, 102, 0.12) 54px 0px 0px -6px, rgba(25, 56, 102, 0.12) 55px 0px 0px -6px, rgba(25, 56, 102, 0.12) 56px 0px 0px -6px, rgba(25, 56, 102, 0.12) 57px 0px 0px -6px, rgba(25, 56, 102, 0.12) 58px 0px 0px -6px, rgba(25, 56, 102, 0.12) 59px 0px 0px -6px, rgba(25, 56, 102, 0.12) 60px 0px 0px -6px, rgba(25, 56, 102, 0.12) 61px 0px 0px -6px, rgba(25, 56, 102, 0.12) 62px 0px 0px -6px, rgba(25, 56, 102, 0.12) 63px 0px 0px -6px, rgba(25, 56, 102, 0.12) 64px 0px 0px -6px, rgba(25, 56, 102, 0.12) 65px 0px 0px -6px, rgba(25, 56, 102, 0.12) 66px 0px 0px -6px, rgba(25, 56, 102, 0.12) 67px 0px 0px -6px, rgba(25, 56, 102, 0.12) 68px 0px 0px -6px, rgba(25, 56, 102, 0.12) 69px 0px 0px -6px, rgba(25, 56, 102, 0.12) 70px 0px 0px -6px, rgba(25, 56, 102, 0.12) 71px 0px 0px -6px, rgba(25, 56, 102, 0.12) 72px 0px 0px -6px, rgba(25, 56, 102, 0.12) 73px 0px 0px -6px, rgba(25, 56, 102, 0.12) 74px 0px 0px -6px, rgba(25, 56, 102, 0.12) 75px 0px 0px -6px, rgba(25, 56, 102, 0.12) 76px 0px 0px -6px, rgba(25, 56, 102, 0.12) 77px 0px 0px -6px, rgba(25, 56, 102, 0.12) 78px 0px 0px -6px, rgba(25, 56, 102, 0.12) 79px 0px 0px -6px, rgba(25, 56, 102, 0.12) 80px 0px 0px -6px, rgba(25, 56, 102, 0.12) 81px 0px 0px -6px, rgba(25, 56, 102, 0.12) 82px 0px 0px -6px, rgba(25, 56, 102, 0.12) 83px 0px 0px -6px, rgba(25, 56, 102, 0.12) 84px 0px 0px -6px, rgba(25, 56, 102, 0.12) 85px 0px 0px -6px, rgba(25, 56, 102, 0.12) 86px 0px 0px -6px, rgba(25, 56, 102, 0.12) 87px 0px 0px -6px, rgba(25, 56, 102, 0.12) 88px 0px 0px -6px, rgba(25, 56, 102, 0.12) 89px 0px 0px -6px, rgba(25, 56, 102, 0.12) 90px 0px 0px -6px, rgba(25, 56, 102, 0.12) 91px 0px 0px -6px, rgba(25, 56, 102, 0.12) 92px 0px 0px -6px, rgba(25, 56, 102, 0.12) 93px 0px 0px -6px, rgba(25, 56, 102, 0.12) 94px 0px 0px -6px, rgba(25, 56, 102, 0.12) 95px 0px 0px -6px, rgba(25, 56, 102, 0.12) 96px 0px 0px -6px, rgba(25, 56, 102, 0.12) 97px 0px 0px -6px, rgba(25, 56, 102, 0.12) 98px 0px 0px -6px, rgba(25, 56, 102, 0.12) 99px 0px 0px -6px, rgba(25, 56, 102, 0.12) 100px 0px 0px -6px, rgba(25, 56, 102, 0.12) 101px 0px 0px -6px, rgba(25, 56, 102, 0.12) 102px 0px 0px -6px, rgba(25, 56, 102, 0.12) 103px 0px 0px -6px, rgba(25, 56, 102, 0.12) 104px 0px 0px -6px, rgba(25, 56, 102, 0.12) 105px 0px 0px -6px, rgba(25, 56, 102, 0.12) 106px 0px 0px -6px, rgba(25, 56, 102, 0.12) 107px 0px 0px -6px, rgba(25, 56, 102, 0.12) 108px 0px 0px -6px, rgba(25, 56, 102, 0.12) 109px 0px 0px -6px, rgba(25, 56, 102, 0.12) 110px 0px 0px -6px, rgba(25, 56, 102, 0.12) 111px 0px 0px -6px, rgba(25, 56, 102, 0.12) 112px 0px 0px -6px, rgba(25, 56, 102, 0.12) 113px 0px 0px -6px, rgba(25, 56, 102, 0.12) 114px 0px 0px -6px, rgba(25, 56, 102, 0.12) 115px 0px 0px -6px, rgba(25, 56, 102, 0.12) 116px 0px 0px -6px, rgba(25, 56, 102, 0.12) 117px 0px 0px -6px, rgba(25, 56, 102, 0.12) 118px 0px 0px -6px, rgba(25, 56, 102, 0.12) 119px 0px 0px -6px, rgba(25, 56, 102, 0.12) 120px 0px 0px -6px, rgba(25, 56, 102, 0.12) 121px 0px 0px -6px, rgba(25, 56, 102, 0.12) 122px 0px 0px -6px, rgba(25, 56, 102, 0.12) 123px 0px 0px -6px, rgba(25, 56, 102, 0.12) 124px 0px 0px -6px, rgba(25, 56, 102, 0.12) 125px 0px 0px -6px, rgba(25, 56, 102, 0.12) 126px 0px 0px -6px, rgba(25, 56, 102, 0.12) 127px 0px 0px -6px, rgba(25, 56, 102, 0.12) 128px 0px 0px -6px, rgba(25, 56, 102, 0.12) 129px 0px 0px -6px, rgba(25, 56, 102, 0.12) 130px 0px 0px -6px, rgba(25, 56, 102, 0.12) 131px 0px 0px -6px, rgba(25, 56, 102, 0.12) 132px 0px 0px -6px, rgba(25, 56, 102, 0.12) 133px 0px 0px -6px, rgba(25, 56, 102, 0.12) 134px 0px 0px -6px, rgba(25, 56, 102, 0.12) 135px 0px 0px -6px, rgba(25, 56, 102, 0.12) 136px 0px 0px -6px, rgba(25, 56, 102, 0.12) 137px 0px 0px -6px, rgba(25, 56, 102, 0.12) 138px 0px 0px -6px, rgba(25, 56, 102, 0.12) 139px 0px 0px -6px, rgba(25, 56, 102, 0.12) 140px 0px 0px -6px, rgba(25, 56, 102, 0.12) 141px 0px 0px -6px, rgba(25, 56, 102, 0.12) 142px 0px 0px -6px, rgba(25, 56, 102, 0.12) 143px 0px 0px -6px, rgba(25, 56, 102, 0.12) 144px 0px 0px -6px, rgba(25, 56, 102, 0.12) 145px 0px 0px -6px, rgba(25, 56, 102, 0.12) 146px 0px 0px -6px, rgba(25, 56, 102, 0.12) 147px 0px 0px -6px, rgba(25, 56, 102, 0.12) 148px 0px 0px -6px, rgba(25, 56, 102, 0.12) 149px 0px 0px -6px, rgba(25, 56, 102, 0.12) 150px 0px 0px -6px, rgba(25, 56, 102, 0.12) 151px 0px 0px -6px, rgba(25, 56, 102, 0.12) 152px 0px 0px -6px, rgba(25, 56, 102, 0.12) 153px 0px 0px -6px, rgba(25, 56, 102, 0.12) 154px 0px 0px -6px, rgba(25, 56, 102, 0.12) 155px 0px 0px -6px, rgba(25, 56, 102, 0.12) 156px 0px 0px -6px, rgba(25, 56, 102, 0.12) 157px 0px 0px -6px, rgba(25, 56, 102, 0.12) 158px 0px 0px -6px, rgba(25, 56, 102, 0.12) 159px 0px 0px -6px, rgba(25, 56, 102, 0.12) 160px 0px 0px -6px, rgba(25, 56, 102, 0.12) 161px 0px 0px -6px, rgba(25, 56, 102, 0.12) 162px 0px 0px -6px, rgba(25, 56, 102, 0.12) 163px 0px 0px -6px, rgba(25, 56, 102, 0.12) 164px 0px 0px -6px, rgba(25, 56, 102, 0.12) 165px 0px 0px -6px, rgba(25, 56, 102, 0.12) 166px 0px 0px -6px, rgba(25, 56, 102, 0.12) 167px 0px 0px -6px, rgba(25, 56, 102, 0.12) 168px 0px 0px -6px, rgba(25, 56, 102, 0.12) 169px 0px 0px -6px, rgba(25, 56, 102, 0.12) 170px 0px 0px -6px, rgba(25, 56, 102, 0.12) 171px 0px 0px -6px, rgba(25, 56, 102, 0.12) 172px 0px 0px -6px, rgba(25, 56, 102, 0.12) 173px 0px 0px -6px, rgba(25, 56, 102, 0.12) 174px 0px 0px -6px, rgba(25, 56, 102, 0.12) 175px 0px 0px -6px, rgba(25, 56, 102, 0.12) 176px 0px 0px -6px, rgba(25, 56, 102, 0.12) 177px 0px 0px -6px, rgba(25, 56, 102, 0.12) 178px 0px 0px -6px, rgba(25, 56, 102, 0.12) 179px 0px 0px -6px, rgba(25, 56, 102, 0.12) 180px 0px 0px -6px, rgba(25, 56, 102, 0.12) 181px 0px 0px -6px, rgba(25, 56, 102, 0.12) 182px 0px 0px -6px, rgba(25, 56, 102, 0.12) 183px 0px 0px -6px, rgba(25, 56, 102, 0.12) 184px 0px 0px -6px, rgba(25, 56, 102, 0.12) 185px 0px 0px -6px, rgba(25, 56, 102, 0.12) 186px 0px 0px -6px, rgba(25, 56, 102, 0.12) 187px 0px 0px -6px, rgba(25, 56, 102, 0.12) 188px 0px 0px -6px, rgba(25, 56, 102, 0.12) 189px 0px 0px -6px, rgba(25, 56, 102, 0.12) 190px 0px 0px -6px, rgba(25, 56, 102, 0.12) 191px 0px 0px -6px, rgba(25, 56, 102, 0.12) 192px 0px 0px -6px, rgba(25, 56, 102, 0.12) 193px 0px 0px -6px, rgba(25, 56, 102, 0.12) 194px 0px 0px -6px, rgba(25, 56, 102, 0.12) 195px 0px 0px -6px, rgba(25, 56, 102, 0.12) 196px 0px 0px -6px, rgba(25, 56, 102, 0.12) 197px 0px 0px -6px, rgba(25, 56, 102, 0.12) 198px 0px 0px -6px, rgba(25, 56, 102, 0.12) 199px 0px 0px -6px, rgba(25, 56, 102, 0.12) 200px 0px 0px -6px, rgba(25, 56, 102, 0.12) 201px 0px 0px -6px, rgba(25, 56, 102, 0.12) 202px 0px 0px -6px, rgba(25, 56, 102, 0.12) 203px 0px 0px -6px, rgba(25, 56, 102, 0.12) 204px 0px 0px -6px, rgba(25, 56, 102, 0.12) 205px 0px 0px -6px, rgba(25, 56, 102, 0.12) 206px 0px 0px -6px, rgba(25, 56, 102, 0.12) 207px 0px 0px -6px, rgba(25, 56, 102, 0.12) 208px 0px 0px -6px, rgba(25, 56, 102, 0.12) 209px 0px 0px -6px, rgba(25, 56, 102, 0.12) 210px 0px 0px -6px, rgba(25, 56, 102, 0.12) 211px 0px 0px -6px, rgba(25, 56, 102, 0.12) 212px 0px 0px -6px, rgba(25, 56, 102, 0.12) 213px 0px 0px -6px, rgba(25, 56, 102, 0.12) 214px 0px 0px -6px, rgba(25, 56, 102, 0.12) 215px 0px 0px -6px, rgba(25, 56, 102, 0.12) 216px 0px 0px -6px, rgba(25, 56, 102, 0.12) 217px 0px 0px -6px, rgba(25, 56, 102, 0.12) 218px 0px 0px -6px, rgba(25, 56, 102, 0.12) 219px 0px 0px -6px, rgba(25, 56, 102, 0.12) 220px 0px 0px -6px, rgba(25, 56, 102, 0.12) 221px 0px 0px -6px, rgba(25, 56, 102, 0.12) 222px 0px 0px -6px, rgba(25, 56, 102, 0.12) 223px 0px 0px -6px, rgba(25, 56, 102, 0.12) 224px 0px 0px -6px, rgba(25, 56, 102, 0.12) 225px 0px 0px -6px, rgba(25, 56, 102, 0.12) 226px 0px 0px -6px, rgba(25, 56, 102, 0.12) 227px 0px 0px -6px, rgba(25, 56, 102, 0.12) 228px 0px 0px -6px, rgba(25, 56, 102, 0.12) 229px 0px 0px -6px, rgba(25, 56, 102, 0.12) 230px 0px 0px -6px, rgba(25, 56, 102, 0.12) 231px 0px 0px -6px, rgba(25, 56, 102, 0.12) 232px 0px 0px -6px, rgba(25, 56, 102, 0.12) 233px 0px 0px -6px, rgba(25, 56, 102, 0.12) 234px 0px 0px -6px, rgba(25, 56, 102, 0.12) 235px 0px 0px -6px, rgba(25, 56, 102, 0.12) 236px 0px 0px -6px, rgba(25, 56, 102, 0.12) 237px 0px 0px -6px, rgba(25, 56, 102, 0.12) 238px 0px 0px -6px, rgba(25, 56, 102, 0.12) 239px 0px 0px -6px, rgba(25, 56, 102, 0.12) 240px 0px 0px -6px;
border: 1px solid rgba(15, 34, 61, 0.12);
}
.selectgroup-button {
border: 1px solid rgba(20, 45, 82, 0.12);
color: rgb(185, 189, 198);
}
.selectgroup-input:checked + .selectgroup-button {
border-color: rgb(68, 126, 207);
color: rgb(154, 185, 229);
background: rgb(16, 33, 60);
}
.selectgroup-input:focus + .selectgroup-button {
border-color: rgb(68, 126, 207);
color: rgb(154, 185, 229);
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.custom-switch-indicator {
background: rgb(43, 43, 43);
border: 1px solid rgba(20, 45, 82, 0.12);
}
.custom-switch-indicator::before {
background: rgb(28, 28, 33);
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 0px;
}
.custom-switch-input:checked ~ .custom-switch-indicator {
background: rgb(68, 126, 207);
}
.custom-switch-input:focus ~ .custom-switch-indicator {
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
border-color: rgb(68, 126, 207);
}
.custom-switch-description {
margin-left: 0.5rem;
color: rgb(185, 189, 198);
transition: color 0.3s ease 0s;
}
.custom-switch-input:checked ~ .custom-switch-description {
color: rgb(186, 191, 197);
}
.imagecheck-input:focus ~ .imagecheck-figure {
border-color: rgb(68, 126, 207);
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.imagecheck-input:checked ~ .imagecheck-figure {
border-color: rgba(20, 45, 82, 0.24);
}
.imagecheck-figure::before {
color: rgb(255, 255, 255);
}
.imagecheck-caption {
color: rgb(185, 189, 198);
}
.imagecheck:hover .imagecheck-caption,
.imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption,
.imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
color: rgb(186, 191, 197);
}
.colorinput-input:focus ~ .colorinput-color {
border-color: rgb(68, 126, 207);
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.timeline::before {
background-color: rgb(43, 43, 43);
}
.timeline-item:first-child::before,
.timeline-item:last-child::before {
background: rgb(28, 28, 33);
}
.timeline-badge {
border: 1px solid rgb(28, 28, 33);
background: rgb(89, 99, 110);
}
.timeline-time {
color: rgb(185, 189, 198);
}
.flag {
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px;
}
.payment {
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px;
}
.jvectormap-tip {
background: rgb(38, 38, 38);
color: rgb(255, 255, 255);
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
background: rgb(41, 41, 41);
color: rgb(255, 255, 255);
}
.jvectormap-legend {
background: rgb(0, 0, 0);
color: rgb(255, 255, 255);
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
box-shadow: rgb(28, 28, 33) 0px 0px 12px 4px inset;
background: rgba(0, 0, 0, 0.06) !important;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
}
.selectize-dropdown-header {
border-bottom: 1px solid rgb(71, 71, 71);
background: rgb(33, 33, 33);
}
.selectize-dropdown-header-close {
color: rgb(186, 191, 197);
}
.selectize-dropdown-header-close:hover {
color: rgb(191, 191, 191);
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid rgb(38, 38, 38);
}
electize-control.plugin-remove_button [data-value] .remove {
border-left: 1px solid rgb(71, 71, 71);
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: rgb(79, 79, 79);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: rgb(28, 28, 33);
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
color: rgb(186, 191, 197);
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
background: rgb(28, 28, 33);
}
.selectize-input {
border: 1px solid rgba(20, 45, 82, 0.12);
}
.selectize-input.full {
background-color: rgb(28, 28, 33);
}
.selectize-input.focus {
border-color: rgb(68, 126, 207);
box-shadow: rgba(68, 126, 207, 0.25) 0px 0px 0px 2px;
}
.selectize-control.multi .selectize-input > div {
background: rgb(43, 43, 43);
color: rgb(186, 191, 197);
border: 0px solid rgba(20, 45, 82, 0.12);
}
.selectize-control.multi .selectize-input > div.active {
background: rgb(48, 48, 48);
color: rgb(191, 191, 191);
border: 0px solid rgb(79, 79, 79);
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
color: rgb(191, 191, 191);
background: rgb(28, 28, 33);
border: 0px solid rgb(28, 28, 33);
}
.selectize-input.dropdown-active::before {
background: rgb(41, 41, 41);
}
.selectize-dropdown {
border-right-color: rgba(20, 45, 82, 0.12);
border-bottom-color: rgba(20, 45, 82, 0.12);
border-left-color: rgba(20, 45, 82, 0.12);
background: rgb(28, 28, 33);
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(61, 117, 169, 0.2);
}
.selectize-dropdown .optgroup-header {
color: rgb(186, 191, 197);
background: rgb(28, 28, 33);
}
.selectize-dropdown .active {
background-color: rgb(36, 36, 36);
color: rgb(154, 185, 229);
}
.selectize-dropdown .active.create {
color: rgb(186, 191, 197);
}
.selectize-dropdown .create {
color: rgba(191, 191, 191, 0.5);
}
.selectize-control.single .selectize-input::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='hsla(0,0%,60%,1)' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") center center / 8px 10px no-repeat rgb(28, 28, 33);
}
.selectize-control .selectize-input.disabled {
background-color: rgb(31, 31, 31);
}
.tag.hover-green:hover,
.tag.hover-green:active,
.tag.hover-green:focus {
background-color: rgb(92, 147, 37);
cursor: pointer;
color: rgb(255, 255, 255);
}
.tag.hover-red:hover,
.tag.hover-red:active,
.tag.hover-red:focus {
background-color: rgb(188, 47, 47);
cursor: pointer;
color: rgb(255, 255, 255);
}
.btn-outline-teal {
color: rgb(153, 230, 222);
background-color: transparent;
background-image: none;
border-color: rgb(49, 196, 181);
}
.btn-outline-teal:hover {
color: rgb(255, 255, 255);
background-color: rgb(49, 196, 181);
border-color: rgb(49, 196, 181);
}
.btn-outline-teal:not(:disabled):not(.disabled):active,
.btn-outline-teal:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(49, 196, 181);
border-color: rgb(49, 196, 181);
}
.tag.hover-teal:hover,
.tag.hover-teal:active,
.tag.hover-teal:focus {
background-color: rgb(49, 196, 181);
color: rgb(255, 255, 255);
cursor: pointer;
}
.btn-outline-yellow {
color: rgb(230, 214, 153);
background-color: transparent;
background-image: none;
border-color: rgb(102, 75, 0);
}
.btn-outline-yellow:hover {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.btn-outline-yellow:not(:disabled):not(.disabled):active,
.btn-outline-yellow:not(:disabled):not(.disabled).active,
.show > .btn-outline-yellow.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(102, 75, 0);
border-color: rgb(102, 75, 0);
}
.tag.hover-yellow:hover,
.tag.hover-yellow:active,
.tag.hover-yellow:focus {
background-color: rgb(102, 75, 0);
color: rgb(255, 255, 255);
}
.btn-outline-blue {
color: rgb(154, 185, 229);
background-color: transparent;
border-color: rgb(68, 126, 207);
}
.btn-outline-blue:hover {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(68, 126, 207);
border-color: rgb(68, 126, 207);
}
.tag.hover-blue:hover,
.tag.hover-blue:active,
.tag.hover-blue:focus {
background-color: rgb(68, 126, 207);
cursor: pointer;
color: rgb(255, 255, 255);
}
.btn-outline-pink {
color: rgb(230, 153, 178);
background-color: transparent;
border-color: rgb(163, 41, 82);
}
.btn-outline-pink:hover {
color: rgb(255, 255, 255);
background-color: rgb(163, 41, 82);
border-color: rgb(163, 41, 82);
}
.btn-outline-pink:not(:disabled):not(.disabled):active,
.btn-outline-pink:not(:disabled):not(.disabled).active,
.show > .btn-outline-pink.dropdown-toggle {
color: rgb(255, 255, 255);
background-color: rgb(163, 41, 82);
border-color: rgb(163, 41, 82);
}
.tag.hover-pink:hover,
.tag.hover-pink:active,
.tag.hover-pink:focus {
background-color: rgb(163, 41, 82);
}
.selectize-dropdown-header {
background: rgb(33, 33, 33);
border-bottom: 1px solid rgb(71, 71, 71);
}
.selectize-dropdown-header-close {
color: rgb(191, 191, 191);
}
.selectize-dropdown-header-close:hover {
color: rgb(191, 191, 191);
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid rgb(38, 38, 38);
}
.selectize-control.plugin-remove_button [data-value] .remove {
border-left: 1px solid rgb(38, 108, 151);
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: rgb(29, 81, 114);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: rgb(110, 110, 110);
}
.selectize-dropdown {
color: rgb(191, 191, 191);
}
.selectize-control.single {
background: rgb(28, 28, 33);
}
.selectize-dropdown {
background: rgb(28, 28, 33);
border-right-color: rgb(71, 71, 71);
border-bottom-color: rgb(71, 71, 71);
border-left-color: rgb(71, 71, 71);
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(61, 117, 169, 0.2);
}
.selectize-dropdown .optgroup-header {
color: rgb(191, 191, 191);
background: rgb(28, 28, 33);
}
.selectize-dropdown .active {
color: rgb(180, 194, 203);
background-color: rgb(31, 31, 31);
}
.selectize-dropdown .active.create {
color: rgb(180, 194, 203);
}
.selectize-dropdown .create {
color: rgba(191, 191, 191, 0.5);
}
.selectize-dropdown .optgroup {
border-top: 1px solid rgb(41, 41, 41);
}
.loader {
color: rgb(153, 230, 222);
}
a {
color: rgb(153, 230, 222);
}
a:hover {
color: rgb(153, 230, 221);
}
.dropdown-item.active,
.dropdown-item:active {
background-color: rgb(49, 196, 181);
}
.custom-switch-input:checked ~ .custom-switch-indicator {
background: rgb(49, 196, 181);
}
/* Dark Scrollbar */
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-button {
background-color: #3e4346 !important;
}
::-webkit-scrollbar-track {
background-color: #646464 !important;
}
::-webkit-scrollbar-track-piece {
background-color: #3e4346 !important;
}
::-webkit-scrollbar-thumb {
height: 50px;
background-color: #242424 !important;
border: 2px solid #3e4346 !important;
}
::-webkit-scrollbar-button:vertical:start:decrement {
background: linear-gradient(130deg, #696969 40%, rgba(255, 0, 0, 0) 41%),
linear-gradient(230deg, #696969 40%, rgba(0, 0, 0, 0) 41%),
linear-gradient(0deg, #696969 40%, rgba(0, 0, 0, 0) 31%);
background-color: #b6b6b6;
}
::-webkit-scrollbar-button:vertical:end:increment {
background: linear-gradient(310deg, #696969 40%, rgba(0, 0, 0, 0) 41%),
linear-gradient(50deg, #696969 40%, rgba(0, 0, 0, 0) 41%),
linear-gradient(180deg, #696969 40%, rgba(0, 0, 0, 0) 31%);
background-color: #b6b6b6;
}
::-webkit-scrollbar-button:horizontal:end:increment {
background: linear-gradient(210deg, #696969 40%, rgba(0, 0, 0, 0) 41%),
linear-gradient(330deg, #696969 40%, rgba(0, 0, 0, 0) 41%),
linear-gradient(90deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
background-color: #b6b6b6;
}
::-webkit-scrollbar-button:horizontal:start:decrement {
background: linear-gradient(30deg, #696969 40%, rgba(0, 0, 0, 0) 41%),
linear-gradient(150deg, #696969 40%, rgba(0, 0, 0, 0) 41%),
linear-gradient(270deg, #696969 30%, rgba(0, 0, 0, 0) 31%);
background-color: #b6b6b6;
}
@eriksneff
Copy link

eriksneff commented Nov 10, 2022

This dark theme looks AMAZING!! I'm using right now with Stylus and loving it.

One suggestion - a change I made on line 267 under .form-control { - setting the opacity to 100%, ie: from border: 1px solid rgba(20, 45, 82, 0.12); to border: 1px solid rgba(20, 45, 82, 1);

This change makes the outline of input fields visible before they're focused. The motivation here is to signal to the user's brain what things are editable versus not. I've done user testing in the past on a few projects and found that cognitively, if there isn't a box around an element, the human brain seems to think it isn't editable at a glance.

Here's a before and after of this change - as you can see, the change is pretty subtle, but it's good enough for my needs!:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment