:root {
    --theme-color: #2c9299;
    --theme-color-l5: #f1fafb ;
    --theme-color-l4: #cfeff1;
    --theme-color-l3: #9fdee3;
    --theme-color-l2: #6eced5;
    --theme-color-l1: #3ebec7;
    --theme-color-d1: #28848b;
    --theme-color-d2: #24757b;
    --theme-color-d3: #1f676c;
    --theme-color-d4: #1b585c;
    --theme-color-d5: #16494d;
}
.w3-theme-l5 {color:#000 !important; background-color:#f1fafb !important}
.w3-theme-l4 {color:#000 !important; background-color:#cfeff1 !important}
.w3-theme-l3 {color:#000 !important; background-color:#9fdee3 !important}
.w3-theme-l2 {color:#000 !important; background-color:#6eced5 !important}
.w3-theme-l1 {color:#fff !important; background-color:#3ebec7 !important}
.w3-theme-d1 {color:#fff !important; background-color:#28848b !important}
.w3-theme-d2 {color:#fff !important; background-color:#24757b !important}
.w3-theme-d3 {color:#fff !important; background-color:#1f676c !important}
.w3-theme-d4 {color:#fff !important; background-color:#1b585c !important}
.w3-theme-d5 {color:#fff !important; background-color:#16494d !important}

.w3-theme-light {color:#000 !important; background-color:#f1fafb !important}
.w3-theme-dark {color:#fff !important; background-color:#16494d !important}
.w3-theme-action {color:#fff !important; background-color:#16494d !important}

.w3-theme {color:#fff !important; background-color:#2c9299 !important}
.w3-text-theme {color:#2c9299 !important}
.w3-border-theme {border-color:#2c9299 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#2c9299 !important}
.w3-hover-text-theme:hover {color:#2c9299 !important}
.w3-hover-border-theme:hover {border-color:#2c9299 !important}