.urbackup-tab {
    padding: 10px;
}

.urbackup-tab h3 {
    margin-bottom: 10px;
}

.urbackup-tab .warning {
    color: #b00;
    font-weight: bold;
}

#urbackupTabs .nav-link {
    font-weight: 600;
    border-width: 2px;
    padding: 8px 18px;
    margin-right: 4px;
}

.plugin-urbackup-inner-tabs .nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    width: 100%;
}

.plugin-urbackup-inner-tabs .nav-item {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}

.plugin-urbackup-inner-tabs .nav-link {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .plugin-urbackup-inner-tabs .nav-tabs {
        flex-wrap: wrap !important;
        overflow-x: visible;
    }
}

#urbackupTabs .nav-link#state-tab {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

#urbackupTabs .nav-link#state-tab.active {
    color: #fff;
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}

#urbackupTabs .nav-link#actions-tab {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

#urbackupTabs .nav-link#actions-tab.active {
    color: #fff;
    background-color: #495057;
    border-color: #495057;
}

#urbackupTabs .nav-link#logs-tab {
    color: #fff;
    background-color: #adb5bd;
    border-color: #adb5bd;
}

#urbackupTabs .nav-link#logs-tab.active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Highlighted block: this asset hosts the UrBackup server */
.plugin-urbackup-host-card {
    border: 2px solid #1e6091;
}

.plugin-urbackup-host-card .card-header.plugin-urbackup-host-card-header {
    background-color: #1e6091;
    color: #fff;
    font-weight: 600;
}

.plugin-urbackup-host-card .card-body {
    background-color: #eaf3fa;
}

.plugin-urbackup-host-card .plugin-urbackup-host-server-link {
    font-size: 1.05rem;
    font-weight: 700;
}