body {
    --var-primary-color: #1677ff;
    --var-blue4: #1890ff;
    --var-blue2: #bae0ff;
    padding-top: 70px;
    padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}


.panel-success > .panel-heading {
    background-image: linear-gradient(rgb(64, 150, 255) 0%, rgb(58, 135, 230) 100%);
    color: #FFFFFF;
}

.panel-success {
    border-color: var(--var-blue2);
}

.btn-pri {
    border: 1px solid var(--var-primary-color);
    border-radius: 4px;
    color: var(--var-primary-color);
    background-color: white;
}

.btn-pri:hover,
.btn-pri:focus,
.btn-pri:focus:active {
    outline: none;
    color: var(--var-primary-color);
}

.btn-pri-reverse {
    color: white;
    background-color: var(--var-primary-color);
}

.btn-pri-reverse:hover,
.btn-pri-reverse:focus,
.btn-pri-reverse:focus:active {
    outline: none;
    color: white;
}