/****************************************/
/* Avase Themes strats here */
:root {
	--my-color-l1: #7d97a5;
	--my-color-l2: #9eb1bb;
	--my-color-l3: #becbd2;
	--my-color-l4: #dfe5e8;
	--my-color-l5: #f5f7f8;
	--my-color-d1: #57707d;
	--my-color-d2: #4d636f;
	--my-color-d3: #435761;
	--my-color-d4: #3a4b53;
	--my-color-d5: #303e45;
	--my-theme-avase: #607d8b;
}
/* Avase Themes ends here. */
/****************************************/
.my-theme-l5 {color:#000 !important; background-color:var(--my-color-l5) !important}
.my-theme-l4 {color:#000 !important; background-color:var(--my-color-l4) !important}
.my-theme-l3 {color:#000 !important; background-color:var(--my-color-l3) !important}
.my-theme-l2 {color:#000 !important; background-color:var(--my-color-l2) !important}
.my-theme-l1 {color:#fff !important; background-color:var(--my-color-l1) !important}
.my-theme-d1 {color:#fff !important; background-color:var(--my-color-d1) !important}
.my-theme-d2 {color:#fff !important; background-color:var(--my-color-d2) !important}
.my-theme-d3 {color:#fff !important; background-color:var(--my-color-d3) !important}
.my-theme-d4 {color:#fff !important; background-color:var(--my-color-d4) !important}
.my-theme-d5 {color:#fff !important; background-color:var(--my-color-d5) !important}

.my-theme-light {color:#000 !important; background-color:var(--my-color-l5) !important}
.my-theme-dark {color:#fff !important; background-color:var(--my-color-d5) !important}
.my-theme-action {color:#fff !important; background-color:var(--my-color-d5) !important}

.my-theme {color:#fff !important; background-color:var(--my-theme-avase) !important}
.my-text-theme {color:var(--my-theme-avase) !important}
.my-border-theme {border-color:var(--my-theme-avase) !important}

.my-hover-theme:hover {color:#fff !important; background-color:var(--my-theme-avase) !important}
.my-hover-text-theme:hover {color:var(--my-theme-avase) !important}
.my-hover-border-theme:hover {border-color:var(--my-theme-avase) !important}