/* FIKS ISSUE CONTENT & SIDEBAR PADDING */
#sidebar {
    position: fixed !important;
    left: 0;
    top: 0;
    height: 100vh;
    width: 250px !important;
    z-index: 1030;
}

.app-body {
    margin-left: 250px !important;
}

.wrapper {
    padding-left: 0 !important;
}

/* OVERRIDE SIDEBAR COLOR */
.sidebar {
    background: linear-gradient(135deg, #301d60 0%, #42258d 45%, #482e93 100%);
}

.sidebar .nav-link {
    color: #ffffff !important;
}

.sidebar .nav-link:hover {
    background-color: rgba(255,255,255,.15) !important;
}

.sidebar .nav-link.active {
    background-color: rgba(255,255,255,.25) !important;
}

/* OVERRIDE GLOBAL BUTTON COLOR */

:root {
    --cui-primary: #6d5bd7;
    --cui-primary-rgb: 137, 98, 213;
}

/* Primary */
.btn-primary {
    background-color: #6d5bd7 !important;
    border-color: #6d5bd7 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #6039a3 !important;
    border-color: #6039a3 !important;
}

/* Secondary */
.btn-secondary {
    background-color: #9aa0a6 !important;
    border-color: #9aa0a6 !important;
    color: #000 !important;
}

.btn-secondary:hover {
    background-color: #7b8086 !important;
}

/* Success */
.btn-success {
    background-color: #00a65a !important;
    border-color: #00a65a !important;
}

/* Danger */
.btn-danger {
    background-color: #e3342f !important;
    border-color: #e3342f !important;
}

/* Info */
.btn-info {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

/* Warning */
.btn-warning {
    background-color: #f39c12 !important;
    border-color: #f39c12 !important;
    color: #000 !important;
}

/* Link */
.btn-link {
    color: #6d5bd7 !important;
}

/* Background */
body {
    background-color: #f2f3f5 !important;
}

/* kasih jarak antar field */
.form-group,
.form-row > .col,
.form-row > .col-md-6,
.form-row > .col-md-4,
.form-row > .col-md-3 {
  margin-bottom: 0.99rem;
}

/* jarak antar section/tab */
.nav-tabs {
  margin-bottom: 1rem;
}

/* jarak label ke input */
.form-group label {
  margin-bottom: 6px;
}

/* FIKS FOOTER ISSUE */
.login-row {
  min-height: calc(100vh - 60px);
  padding-top: 40px;  
}

/* HILANGKAN UNDERLINE HYPERLINK TEXT */
a {
  text-decoration: none !important;
}

/* terhubung dengan file /var/www/html/laravel-hrsystem/config/backpack/ui.php */
/* terhubung dengan file /var/www/html/laravel-hrsystem/resources/views/vendor/backpack/theme-coreuiv4/auth/login.blade.php */