/*
Template Name: Olive Tree - Admin & Dashboard Template
Author: Inodreamstudio
Website: https://inodreamstudio.com/
Contact: support@inodreamstudio.com
File: Custom Css File
*/

:root {
    --primary-color: #15A685;
    --primary-dark: #128c70;
    --primary-light: #e6f4f0;
    --accent-light: #f8f5f2;
    --danger: #dc3545;
    --danger-dark: #c82333;
    --info: #354bdc;
    --info-dark: #3b35dc;
    --warning: rgb(255, 251, 0);
    --success: rgb(0, 203, 0);
    --error: red;
    --bg-primary: #1ac39d;
    --bg-orange: #ffa114;
    --vz-success-rgb: 72, 168, 84;
    --vz-text-opacity: 0.1;

}

/* Override btn-success background and border colors */
.btn-success {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Change the hover effect */
.btn-success:hover, .btn-success:focus {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.btn-delete {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.btn-edit {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.btn-lihat {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

/* Change the hover effect */
.btn-delete:hover, .btn-delete:focus {
    background-color: var(--danger-dark) !important;
    border-color: var(--danger-dark) !important;
    color: #fff !important;
}

.btn-edit:hover, .btn-edit:focus {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
    color: #fff !important;
}

.btn-lihat:hover, .btn-edit:focus {
    background-color: var(--bg-orange) !important;
    border-color: var(--bg-orange) !important;
    color: #fff !important;
}

/* Override navbar, navi-link, nav-link.active, nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after, nav-link.active::before color */
[data-bs-theme="dark"] .navbar-menu {
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--accent-light) 100%) !important;
}

[data-bs-theme="dark"] .navbar-nav .nav-link {
    color: var(--primary-color) !important;
}

[data-bs-theme="light"] .navbar-nav .nav-link.active {
    color: var(--warning) !important;
}

[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    color: var(--warning) !important;
}

[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-sm .nav-link.active::before {
    background-color: var(--warning) !important;
}

[data-bs-theme="dark"] .navbar-nav .nav-link.active {
    color: var(--error) !important;
}

[data-bs-theme="dark"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    color: var(--error) !important;
}

[data-bs-theme="dark"] .navbar-menu .navbar-nav .nav-sm .nav-link.active::before {
    background-color: var(--error) !important;
}

/* Override invalid-feedback color */
.valid-feedback {
    color: var(--success);
    font-size: var(--vz-body-font-size);
}

.invalid-feedback {
    color: var(--error);
    font-size: var(--vz-body-font-size);
}

/* Override toast heading font size */
.toast-heading {
    font-size: var(--vz-body-font-size);
}

/* Primary color for text */
.bg-primary {
    background-color: var(--bg-primary) !important;
}
/* Button danger red */
.btn-danger-red {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
    color: #fff !important;
}