/*
CLOUD BLUE      R:59 G:102 B:140    #3B668C
MIDNIGHT BLUE   R:27 G:23 B:37      #1B1725
GOLD            R:191 G:163 B:89    #BFA359
MARBLE WHITE    R:241 G:240 B:236   #F1F0EC
TEAL            R:27 G:97 B:104     #1B6168
SUNSHINE        R:234 G:201 B:85    #E9C852
SUNSET          R:219 G:139 B:76    #DB8B4C
*/

/*
in phpmaker:
    choose LightBlue theme
    uncheck "$enable dark-mode"
*/

/* navbar background */
.main-header {
    background-color: #3B668C; /* Cloud Blue */
}

.main-header-dev {
    background-color: #690000;
}

/* navbar links */
.nav-link {
    color: #BFA359; /* Gold */
}

/* sidebar background */
.main-sidebar {
    background-color: #1B1725; /* Midnight Blue */
}

/* sidebar links */
.sidebar-dark .sidebar a, [class*=sidebar-dark-] .sidebar a {
    color: #BFA359; /* Gold */
}

/* sidebar opened menues */
.sidebar-dark-lightblue .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-lightblue .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #E9C852; /* Sunshine */
    color: #1B1725; /* Midnight Blue */
}

/* sidebar opened submenues */
.sidebar-dark .nav-treeview > .nav-item > .nav-link.active,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active,
.sidebar-dark .nav-treeview > .nav-item > .nav-link.active:hover,
.sidebar-dark .nav-treeview > .nav-item > .nav-link.active:focus {
    background-color: #F1F0EC; /* Marble White */
    color: #1B1725; /* Midnight Blue */
}

/* table headers */
[data-bs-theme=light] .ew-grid .ew-table .ew-table-header > th,
[data-bs-theme=light] .ew-grid .ew-table .ew-table-header > td,
[data-bs-theme=light] .ew-grid .ew-table .ew-rpt-col-summary,
[data-bs-theme=light] .ew-grid .ew-table .ew-rpt-col-header {
    --bs-table-bg: #1B6168; /* Teal */
    --bs-table-color-state: #E9C852; /* Sunshine */
}

/* table captions */
.text-dark {
    color: #1B1725 !important; /* Midnight Blue */
}

/* main content background */
.content-wrapper {
    background-color: #F1F0EC; /* Marble White */
}

/* breadcrumb active item*/
.breadcrumb-item.active {
    color: #1B1725; /* Midnight Blue */
}

/* general links */
a {
    color: #1B6168; /* Teal */
}

/* checkboxes */
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
    background-color: #1B6168; /* Teal */
    border-color: #1B6168; /* Teal */
}

/* submit button */
.btn-primary {
    --bs-btn-color: White;
    --bs-btn-hover-color: White;
    --bs-btn-active-color: White;
    --bs-btn-disabled-color: White;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-bg: #1B6168; /* Teal */
    --bs-btn-border-color: #1B6168; /* Teal */
    --bs-btn-disabled-bg: #1B6168; /* Teal */
    --bs-btn-disabled-border-color: #1B6168; /* Teal */

    --bs-btn-hover-bg: #1B6168CC; /* Teal at 80% opacity */

    --bs-btn-hover-border-color: #1B616899; /* Teal at 60% opacity */
    --bs-btn-active-bg: #1B616899; /* Teal at 60% opacity */
    --bs-btn-active-border-color: #1B616899; /* Teal at 60% opacity */
}

.btn-link {
    --bs-btn-font-weight: 400;

    --bs-btn-color: #1B6168; /* Teal */
    --bs-btn-hover-color: #1B6168CC; /* Teal at 80% opacity */
    --bs-btn-active-color: #1B6168CC; /* Teal at 80% opacity */

    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6C757D;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: none;
}

/* sidebar logo */
.brand-link .brand-image {
    float: left;
    line-height: 0.8;
    margin-left: 0.8rem;
    margin-right: 0.5rem;
    margin-top: 0px;
    max-height: 60px; /* override the default (33) */
    width: auto;
}

/* sidebar logo link */
[class*=sidebar-dark] .brand-link {
    border-bottom: 1px solid #1B1725;
}