/*custom swatches*/
.theme-default.ui-x-light,.theme-default .ui-x-light:not([class*="theme-"]) { background-color: #eaf4ff; }
.theme-default.ui-light,.theme-default .ui-light:not([class*="theme-"]) { background-color: #f2d7b8; }
.theme-default.ui-dark,.theme-default .ui-dark:not([class*="theme-"]) { background-color: #c98433; }
.theme-default.ui-text,.theme-default .ui-text { color: #c98433; }
.theme-default.ui-border,.theme-default .ui-border { border-color: #c98433; }
.theme-default.ui-x-dark,.theme-default .ui-x-dark:not([class*="theme-"]) { background-color: #be7116; }

.theme-default2.ui-x-light,.theme-default2 .ui-x-light:not([class*="theme-"]) { background-color: #fcded2; }
.theme-default2.ui-light,.theme-default2 .ui-light:not([class*="theme-"]) { background-color: #f8bba2; }
.theme-default2.ui-dark,.theme-default2 .ui-dark:not([class*="theme-"]) { background-color: #e84e0f; }
.theme-default2.ui-text,.theme-default2 .ui-text { color: #e84e0f; }
.theme-default2.ui-border,.theme-default2 .ui-border { border-color: #e84e0f; }
.theme-default2.ui-x-dark,.theme-default2 .ui-x-dark:not([class*="theme-"]) { background-color: #bb3f0d; }