diff --git a/packages/bootstrap/scss/input/_variables.scss b/packages/bootstrap/scss/input/_variables.scss
index 69e12b8e951..8c1b5c172d2 100644
--- a/packages/bootstrap/scss/input/_variables.scss
+++ b/packages/bootstrap/scss/input/_variables.scss
@@ -85,6 +85,11 @@ $kendo-input-outline-hover-bg: null !default;
 $kendo-input-outline-hover-text: null !default;
 $kendo-input-outline-hover-border: null !default;
 
+$kendo-input-outline-focus-bg: null !default;
+$kendo-input-outline-focus-text: null !default;
+$kendo-input-outline-focus-border: null !default;
+$kendo-input-outline-focus-shadow: null !default;
+
 $kendo-input-flat-bg: transparent !default;
 $kendo-input-flat-text: null !default;
 $kendo-input-flat-border: null !default;
diff --git a/packages/classic/scss/input/_variables.scss b/packages/classic/scss/input/_variables.scss
index d6f2a666b15..fc3b7081228 100644
--- a/packages/classic/scss/input/_variables.scss
+++ b/packages/classic/scss/input/_variables.scss
@@ -85,6 +85,11 @@ $kendo-input-outline-hover-bg: null !default;
 $kendo-input-outline-hover-text: null !default;
 $kendo-input-outline-hover-border: rgba( $kendo-button-text, .8) !default;
 
+$kendo-input-outline-focus-bg: null !default;
+$kendo-input-outline-focus-text: null !default;
+$kendo-input-outline-focus-border: null !default;
+$kendo-input-outline-focus-shadow: null !default;
+
 $kendo-input-flat-bg: transparent !default;
 $kendo-input-flat-text: $kendo-input-text !default;
 $kendo-input-flat-border: $kendo-input-border !default;
diff --git a/packages/default/scss/input/_theme.scss b/packages/default/scss/input/_theme.scss
index 4f3c60dfa91..18499c2de24 100644
--- a/packages/default/scss/input/_theme.scss
+++ b/packages/default/scss/input/_theme.scss
@@ -178,6 +178,16 @@
             );
         }
 
+        &:focus,
+        &.k-focus {
+            @include fill (
+                $kendo-input-outline-focus-text,
+                $kendo-input-outline-focus-bg,
+                $kendo-input-outline-focus-border
+             );
+            @include box-shadow ( $kendo-input-outline-focus-shadow );
+        }
+
         // Invalid
         &.k-invalid,
         &.ng-invalid.ng-touched,
diff --git a/packages/default/scss/input/_variables.scss b/packages/default/scss/input/_variables.scss
index e487ee0815c..96e5bb6014c 100644
--- a/packages/default/scss/input/_variables.scss
+++ b/packages/default/scss/input/_variables.scss
@@ -85,6 +85,11 @@ $kendo-input-outline-hover-bg: null !default;
 $kendo-input-outline-hover-text: null !default;
 $kendo-input-outline-hover-border: rgba( $kendo-button-text, .8) !default;
 
+$kendo-input-outline-focus-bg: null !default;
+$kendo-input-outline-focus-text: null !default;
+$kendo-input-outline-focus-border: $kendo-input-outline-border !default;
+$kendo-input-outline-focus-shadow: $kendo-input-focus-shadow !default;
+
 $kendo-input-flat-bg: transparent !default;
 $kendo-input-flat-text: $kendo-input-text !default;
 $kendo-input-flat-border: $kendo-input-border !default;
diff --git a/packages/material/scss/input/_variables.scss b/packages/material/scss/input/_variables.scss
index 18456af4a06..33ccc848349 100644
--- a/packages/material/scss/input/_variables.scss
+++ b/packages/material/scss/input/_variables.scss
@@ -85,6 +85,11 @@ $kendo-input-outline-hover-bg: null !default;
 $kendo-input-outline-hover-text: null !default;
 $kendo-input-outline-hover-border: null !default;
 
+$kendo-input-outline-focus-bg: null !default;
+$kendo-input-outline-focus-text: null !default;
+$kendo-input-outline-focus-border: null !default;
+$kendo-input-outline-focus-shadow: null !default;
+
 $kendo-input-flat-bg: transparent !default;
 $kendo-input-flat-text: null !default;
 $kendo-input-flat-border: null !default;