:root {
    --theme: #607d8b;
    --theme-l1: #7d97a5;
    --theme-l2: #9eb1bb;
    --theme-l3: #becbd2;
    --theme-l4: #dfe5e8;
    --theme-l5: #f5f7f8;
    --theme-d1: #57707d;
    --theme-d2: #4d636f;
    --theme-d3: #435761;
    --theme-d4: #3a4b53;
    --theme-d5: #303e45;
}

.w3-theme-l5 {
    color: #000 !important;
    background-color: #f5f7f9 !important
}

.w3-theme-l4 {
    color: #000 !important;
    background-color: #dde4eb !important
}

.w3-theme-l3 {
    color: #000 !important;
    background-color: #bbc9d7 !important
}

.w3-theme-l2 {
    color: #000 !important;
    background-color: #99afc3 !important
}

.w3-theme-l1 {
    color: #fff !important;
    background-color: #7794af !important
}

.w3-theme-d1 {
    color: #fff !important;
    background-color: #506d88 !important
}

.w3-theme-d2 {
    color: #fff !important;
    background-color: #476179 !important
}

.w3-theme-d3 {
    color: #fff !important;
    background-color: #3e556a !important
}

.w3-theme-d4 {
    color: #fff !important;
    background-color: #35495b !important
}

.w3-theme-d5 {
    color: #fff !important;
    background-color: #2c3c4c !important
}

.w3-theme-light {
    color: #000 !important;
    background-color: #f5f7f9 !important
}

.w3-theme-dark {
    color: #fff !important;
    background-color: #2c3c4c !important
}

.w3-theme-action {
    color: #fff !important;
    background-color: #2c3c4c !important
}

.w3-theme {
    color: #fff !important;
    background-color: #587896 !important
}

.w3-text-theme {
    color: #587896 !important
}

.w3-border-theme {
    border-color: #587896 !important
}

.w3-hover-theme:hover {
    color: #fff !important;
    background-color: #587896 !important
}

.w3-hover-text-theme:hover {
    color: #587896 !important
}

.w3-hover-border-theme:hover {
    border-color: #587896 !important
}