body {
    background: radial-gradient(ellipse at center,#333 0,#252525 100%);
    color: #f3f3f4;
    font-size: 0.875rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html {
    font-size: 16px;
}

h3 {
    margin-top: 5px;
    font-weight: 600;
    font-size: 16px;
}

h4 {
    font-size: 1.125rem;
    font-weight: 400;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover {
    color: #23527c;
    text-decoration: underline;
}

.row,
.container-fluid {
    --bs-gutter-x: 1.5rem !important;
}

.form-control {
    font-size: 0.875rem;
    border-radius: 0.25rem;
    transition: none;
    height: 2.125rem;
    padding: .375rem .75rem;
    color: var(--bs-body-color);
}

.middle-box {
    max-width: 300px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 0px;
}

.list-group-item-heading {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
}

.li-custom {
    border: none;
    padding: 0px 15px;
    margin-bottom: 3px;
}


.validation-summary-errors ul {
    padding-right: 40px;
}

.login-panel .text-danger {
    color: #ff623e;
}

.login-panel a.link-color {
    color: #5b9ada;
}

.form-control::placeholder {
    color: #767676;
}

button{
    font-family: inherit;
}

.btn-secondary {
    --bs-btn-color: #333;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #ccc;
    --bs-btn-hover-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #adadad;
    --bs-btn-active-bg: #ccc;
    --bs-btn-active-color: #333;
    --bs-btn-active-border-color: #d2d2d2;
}

.btn {
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
    font-size: 0.875rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
}

.modal {
    --bs-border-radius-lg: 0.5rem;
}

.bts-logo-placement {
    width: 170px;
    margin-top: 50%;
    margin-bottom: 20px;
}