:root {
    --bs-dark: #282828; /*#27282a*/
    --bs-dark-rgb: 40,40,40;
    --bs-border-color: #8888;
    --bs-border-width: 2px;

    --navbarer-height: 96px;
    --footerer-height: 64px;
    --link-transition-duration: .15s;

    --bs-body-color: #adb5bd;
    --bs-body-color-rgb: 173,181,189;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #f8f9fa;
    --bs-emphasis-color-rgb: 248,249,250;
    --bs-secondary-color: rgba(173, 181, 189, 0.75);
    --bs-secondary-color-rgb: 173,181,189;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(173, 181, 189, 0.5);
    --bs-tertiary-color-rgb: 173,181,189;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-emphasis-color: #fff;
    --bs-primary-text: #6ea8fe;
    --bs-secondary-text: #dee2e6;
    --bs-success-text: #75b798;
    --bs-info-text: #6edff6;
    --bs-warning-text: #ffda6a;
    --bs-danger-text: #ea868f;
    --bs-light-text: #f8f9fa;
    --bs-dark-text: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #212529;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #495057;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #055160;
    --bs-warning-border-subtle: #664d03;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: #fff;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #9ec5fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 158,197,254;
    --bs-code-color: #e685b5;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
}

.text-muted {
    --bs-text-opacity: 1;
    color: #888!important;
}

.table > :not(caption) > * > * {
    border-bottom-width: var(--bs-border-width);
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: var(--navbarer-height);
    background-color: transparent;
}

body > .container {
    padding-top: var(--navbarer-height);
}

nav {
    height: var(--navbarer-height);
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--footerer-height);
    line-height: var(--footerer-height);
    margin-bottom: calc(var(--footerer-height) * -1);

    overflow-y: hidden;
}

nav, footer {
    box-shadow: 0 0 20px #0008;
}

.logo-muted {
    filter: invert(0.5);
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: black;
}

::-webkit-scrollbar-thumb {
    background: var(--bs-dark);
    transition: .4s;
}

::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.btn {
    border-radius: 0;
    border-color: var(--bs-border-color);
    border-width: var(--bs-border-width);
}

.form-control {
    border-radius: 0;
    border-color: var(--bs-border-color);
    border-width: var(--bs-border-width);
    background-color: var(--bs-dark);
    color: var(--bs-white);
}

.form-control:focus {
    border-color: #86b7fe;
    background-color: var(--bs-dark);
    color: var(--bs-white);
}

.form-select {
    border-radius: 0;
    border-color: var(--bs-border-color);
    border-width: var(--bs-border-width);
    background-color: var(--bs-dark);
    color: var(--bs-white);
}

.form-check-input {
    border-radius: 0;
    border-color: var(--bs-border-color);
    border-width: var(--bs-border-width);
    background-color: var(--bs-dark);
    color: var(--bs-white);
    font-size: 1em;
}

.form-check-input[type=checkbox] {
    border-radius: 0;
}

.form-label:not(:first-child) {
    margin-top: 1em;
}

.alert {
    border-radius: 0;
    border-width: var(--bs-border-width);
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text);
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text);
}

.alert-success {
    --bs-alert-color: var(--bs-success-text);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text);
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text);
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text);
}

.alert-info {
    --bs-alert-color: var(--bs-info-text);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text);
}

.alert-light {
    --bs-alert-color: var(--bs-light-text);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text);
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text);
}

.link-primary {
    color: #63D2FF!important; /*4898BA*/
    transition: var(--link-transition-duration);
}

.link-primary:focus, .link-primary:hover {
    color: #4593B2!important;
}

.link-secondary {
    color: #6c757d!important;
    transition: var(--link-transition-duration);
}

.link-secondary:focus, .link-secondary:hover {
    color: #4D545A!important;
}

.link-success {
    color: #24B06F!important;
    transition: var(--link-transition-duration);
}

.link-success:focus, .link-success:hover {
    color: #198754!important;
}

.link-danger {
    color: #ff4657 !important;
    transition: var(--link-transition-duration);
}

.link-danger:focus, .link-danger:hover {
    color: #b02a37!important;
}

.link-warning {
    color: #ffc107!important;
    transition: var(--link-transition-duration);
}

.link-warning:focus, .link-warning:hover {
    color: #B08403!important;
}

.link-info {
    color: #B97CFF!important;/*AA63CE*/
    transition: var(--link-transition-duration);
}

.link-info:focus, .link-info:hover {
    color: #9263CC!important;
}

.link-light {
    color: #f8f9fa!important;
    transition: var(--link-transition-duration);
}

.link-light:focus, .link-light:hover {
    color: #AFAFB0!important;
}

a {
    cursor: pointer;
}