/* ===========================================
   MDBootstrap / Bootstrap Theme Overrides
   Using palette: F6F5F7, 63A2C2, 03639a, 4D637A, 14131E
   =========================================== */

/* ---------- LIGHT THEME (default) ---------- */
:root {
    /* ====== Core Theme Colors ====== */
    --mdb-primary:   #03639a;
    --mdb-secondary: #4d637a;
    --mdb-info:      #63a2c2;
    --mdb-light:     #F6F5F7;
    --mdb-dark:      #14131e;

    --mdb-success:   #38986c;
    --mdb-warning:   #b58834;
    --mdb-danger:    #f44336;

    /* ====== RGB Equivalents ====== */
    --mdb-primary-rgb:   3, 99, 154;
    --mdb-secondary-rgb: 77, 99, 122;
    --mdb-info-rgb:      99, 162, 194;
    --mdb-light-rgb:     246, 245, 247;
    --mdb-dark-rgb:      20, 19, 30;

    --mdb-success-rgb:   56, 152, 108;
    --mdb-warning-rgb:   181, 136, 52;
    --mdb-danger-rgb:    244, 67, 54;

    /* ====== Text & Background ====== */
    --mdb-body-bg:    #ffffff; /*#e3e8ed;*/
    --mdb-body-color: #212529;
    --mdb-heading-color: #000000;
    --mdb-border-color:  #dee2e6;

    /* ====== Links ====== */
    --mdb-link-color:       var(--mdb-primary);
    --mdb-link-hover-color: #004f85;

    /* ====== Buttons ====== */
    --mdb-btn-border-radius: 0.25rem;
    --mdb-btn-font-weight: 500;
    --mdb-btn-padding-y: 0.375rem;
    --mdb-btn-padding-x: 0.75rem;

    /* ====== Form Controls ====== */
    --mdb-input-bg:                 #ffffff;
    --mdb-input-border-color:       #ced4da;
    --mdb-input-focus-border-color: var(--mdb-primary);
    --mdb-input-focus-box-shadow:   0 0 0 0.25rem rgba(var(--mdb-primary-rgb), 0.25);

    /* ====== Shadows ====== */
    --mdb-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    
}

/* ---------- DARK THEME ---------- */
[data-mdb-theme="dark"],
body.dark-theme {
    --mdb-primary:   #03639a;
    --mdb-secondary: #4d637a;
    --mdb-info:      #63a2c2;
    --mdb-light:     #4d637a;
    --mdb-dark:      #14131e;

    --mdb-success:   #38986c;
    --mdb-warning:   #b58834;
    --mdb-danger:    #f44336;

    --mdb-primary-rgb:   3, 99, 154;
    --mdb-secondary-rgb: 77, 99, 122;
    --mdb-info-rgb:      99, 162, 194;
    --mdb-light-rgb:     77, 99, 122;
    --mdb-dark-rgb:      20, 19, 30;

    --mdb-body-bg:       #14131e;    
    --mdb-body-color:    #F6F5F7;    
    --mdb-heading-color: #ffffff;
    --mdb-border-color:  #2a2a35;

    --mdb-link-color:       var(--mdb-info);
    --mdb-link-hover-color: #8ec4de;

    --mdb-input-bg:                 #1e1f2a;
    --mdb-input-border-color:       #3a3d4a;
    --mdb-input-focus-border-color: var(--mdb-primary);
    --mdb-input-focus-box-shadow:   0 0 0 0.25rem rgba(var(--mdb-primary-rgb), 0.25);

    --mdb-box-shadow: 0 .125rem .25rem rgba(255, 255, 255, 0.05);
}

/* ---------- Navbar ---------- */
.navbar {
    /*background-color: var(--mdb-body-bg) !important;     */
    /*background-color: #ffffff !important;*/
    background-color: var(--mdb-primary) !important;
    color: var(--mdb-body-color) !important;    
    transition: background-color .3s ease, color .3s ease;
}
.navbar .nav-link,
.navbar i {
    color: #ffffff !important;
    /*color: var(--mdb-body-color) !important;*/
    transition: color .3s ease;
}
[data-mdb-theme="dark"] .navbar {
    /*background-color: var(--mdb-dark) !important;*/
    background-color: var(--mdb-primary) !important;
    color: var(--mdb-body-color) !important;
}
[data-mdb-theme="dark"] .navbar .nav-link,
[data-mdb-theme="dark"] .navbar i {
    color: var(--mdb-body-color) !important;
}

/* ---------- BUTTONS ---------- */
.btn-primary {
    background-color: var(--mdb-primary);
    border-color: var(--mdb-primary);
    color: #fff;
}
.btn-primary:hover {
    background-color: #004f85;
    border-color: #004f85;
}
.btn-primary:active,
.btn-primary:focus {
    background-color: #005c96;
    border-color: #005c96;
    box-shadow: 0 0 0 0.25rem rgba(var(--mdb-primary-rgb), 0.3);
}
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #80b6d6;
    border-color: #80b6d6;
    opacity: 0.65;
}

/* Outline */
.btn-outline-primary {
    color: var(--mdb-primary);
    border-color: var(--mdb-primary);
    background-color: transparent;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--mdb-primary);
    border-color: var(--mdb-primary);
}

/* Secondary */
.btn-secondary {
    background-color: var(--mdb-secondary);
    border-color: var(--mdb-secondary);
    color: #fff;
}
.btn-secondary:hover {
    background-color: #3d5061;
    border-color: #3d5061;
}
.btn-outline-secondary {
    color: var(--mdb-secondary);
    border-color: var(--mdb-secondary);
}
.btn-outline-secondary:hover {
    background-color: var(--mdb-secondary);
    color: #fff;
}

/* Info */
.btn-info {
    background-color: var(--mdb-info);
    border-color: var(--mdb-info);
    color: #fff;
}
.btn-info:hover {
    background-color: #4a8aa8;
    border-color: #4a8aa8;
}
.btn-outline-info {
    color: var(--mdb-info);
    border-color: var(--mdb-info);
}
.btn-outline-info:hover {
    background-color: var(--mdb-info);
    color: #fff;
}