diff --git a/views/style/sass/lib/logout.scss b/views/style/sass/lib/logout.scss
new file mode 100644
index 0000000..34ef844
--- /dev/null
+++ b/views/style/sass/lib/logout.scss
@@ -0,0 +1,45 @@
+body.logout img.logo{
+   width: 250px;
+   display: block;
+   margin: 20px auto;
+   padding-top: 20px;
+}
+
+p.logoutptag{
+  margin: 80px 10px 10px;
+  font-size: 16px;
+  text-align: center;
+}
+h1.logouth1tag{
+  position: absolute;
+
+  margin: 130px 43%;
+}
+
+.logout #content-main {
+  float: none;
+    height: 330px;
+    margin: 100px auto 0;
+    width: 316px;
+  overflow-x: hidden;
+  padding: 10px;
+}
+.logout{
+  #content-main {
+    background: rgba(255,255,255,0.82);
+  }
+
+  .requestDialog.ui-widget input{
+    background-color: rgb(250, 255, 189);
+  }
+  .row + .row {
+    margin-top: 10px;
+  }
+
+  .btn-primary {
+    @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
+    background: $btn-primary-bg;
+  }
+
+}
+
diff --git a/views/style/sass/xos.scss b/views/style/sass/xos.scss
index a2edf4e..335101f 100644
--- a/views/style/sass/xos.scss
+++ b/views/style/sass/xos.scss
@@ -8,6 +8,7 @@
 @import "lib/login";
 @import 'lib/breadcrumb';
 @import 'lib/form';
+@import "lib/logout";
 /************************
 colors:
     tab - active/focus color