/* prevent the drop down icon going onto a new line for the top bar language link */
.top-bar-language-nav-link {
    min-width: 65px;
}

/* ── Brand navigation color ── */
.main-sidebar,
.main-sidebar .sidebar {
    background-color: #1a2f50 !important;
}

.main-sidebar .brand-link {
    background-color: #0d1e35 !important;
    border-bottom-color: rgba(255,255,255,0.1) !important;
}

.main-sidebar .nav-sidebar .nav-item .nav-link {
    color: rgba(255,255,255,0.75) !important;
}

.main-sidebar .nav-sidebar .nav-item .nav-link:hover,
.main-sidebar .nav-sidebar .nav-item .nav-link:focus {
    background-color: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}

.main-sidebar .nav-sidebar .nav-item.menu-open > .nav-link,
.main-sidebar .nav-sidebar .nav-item > .nav-link.active {
    background-color: rgba(255,255,255,0.15) !important;
    color: #fff !important;
}

.main-sidebar .nav-sidebar .nav-treeview {
    background-color: rgba(0,0,0,0.15) !important;
}

.main-sidebar .user-panel {
    border-bottom-color: rgba(255,255,255,0.1) !important;
}

.main-sidebar .user-panel .info a {
    color: rgba(255,255,255,0.85) !important;
}

.main-header.navbar {
    border-bottom: 1px solid #dee2e6;
}

/* bootstrap model showing two scroll bars */
html {
    overflow: visible;
}

/* main sidebar not under model */
.modal {
    z-index: 1110;
}

.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.nav-user-menu .user-image {
    width: 20px;
    margin-right: 4px;
    margin-top: -4px;
}

.famfamfam-flags {
    display: inline-block;
}

/* Transfer type selector buttons */
.transfer-type-btn {
    border: 2px solid #dee2e6;
    border-radius: 6px;
    padding: 10px 8px;
    text-align: center;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    color: #6c757d;
    transition: all .2s;
    user-select: none;
}

.transfer-type-btn:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f0f6ff;
}

.transfer-type-btn.active {
    border-color: #007bff;
    background: #007bff;
    color: #fff;
}