diff --git a/ui/ui/admin-login.tpl b/ui/ui/admin-login.tpl
index 81315094..8d7b4e5e 100644
--- a/ui/ui/admin-login.tpl
+++ b/ui/ui/admin-login.tpl
@@ -9,12 +9,12 @@
 
     <!-- Css/Less Stylesheets -->
     <link rel="stylesheet" href="ui/ui/styles/bootstrap.min.css">
-    <link rel="stylesheet" href="ui/ui/styles/adminlte.min.css">
+     <link rel="stylesheet" href="ui/ui/styles/modern-AdminLTE.min.css"> 
 
 
 </head>
 
-<body class="hold-transition login-page">
+<body class="hold-transition login-page modern-skin-purple with-bg">
     <div class="login-box">
         <div class="login-logo">
             <b>Nux</b>Billing
diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl
index f47a2950..dbc5a418 100644
--- a/ui/ui/sections/header.tpl
+++ b/ui/ui/sections/header.tpl
@@ -12,8 +12,7 @@
     <link rel="stylesheet" href="ui/ui/fonts/ionicons/css/ionicons.min.css">
     <link rel="stylesheet" href="ui/ui/fonts/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="ui/ui/fonts/MaterialDesign/css/materialdesignicons.min.css">
-
-    <link rel="stylesheet" href="ui/ui/styles/adminlte.min.css">
+    <link rel="stylesheet" href="ui/ui/styles/modern-AdminLTE.min.css">
     <link rel="stylesheet" href="ui/ui/styles/skin-blue.min.css">
     <link rel="stylesheet" href="ui/ui/styles/select2.min.css" />
     <link rel="stylesheet" href="ui/ui/styles/select2-bootstrap.min.css" />
@@ -40,7 +39,7 @@
 
 </head>
 
-<body class="hold-transition skin-blue sidebar-mini">
+<body class="hold-transition modern-skin-green sidebar-mini">
     <div class="wrapper">
 
         <header class="main-header">
diff --git a/ui/ui/sections/user-header.tpl b/ui/ui/sections/user-header.tpl
index 5ce03983..4bd85e6d 100644
--- a/ui/ui/sections/user-header.tpl
+++ b/ui/ui/sections/user-header.tpl
@@ -12,8 +12,7 @@
     <link rel="stylesheet" href="ui/ui/fonts/ionicons/css/ionicons.min.css">
     <link rel="stylesheet" href="ui/ui/fonts/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="ui/ui/fonts/MaterialDesign/css/materialdesignicons.min.css">
-
-    <link rel="stylesheet" href="ui/ui/styles/adminlte.min.css">
+<link rel="stylesheet" href="ui/ui/styles/modern-AdminLTE.min.css"> 
     <link rel="stylesheet" href="ui/ui/styles/skin-blue.min.css">
 
     <style>
@@ -45,7 +44,7 @@
 
 </head>
 
-<body class="hold-transition skin-blue sidebar-mini">
+<body class="hold-transition modern-skin-green sidebar-mini">
     <div class="wrapper">
         <header class="main-header" style="position:fixed; width: 100%">
             <a href="{$_url}home" class="logo">
diff --git a/ui/ui/user-login.tpl b/ui/ui/user-login.tpl
index dbbaa827..f72f3d09 100644
--- a/ui/ui/user-login.tpl
+++ b/ui/ui/user-login.tpl
@@ -8,11 +8,11 @@
     <link rel="shortcut icon" href="ui/ui/images/logo.png" type="image/x-icon" />
 
     <link rel="stylesheet" href="ui/ui/styles/bootstrap.min.css">
-    <link rel="stylesheet" href="ui/ui/styles/adminlte.min.css">
+     <link rel="stylesheet" href="ui/ui/styles/modern-AdminLTE.min.css"> 
 
 </head>
 
-<body>
+<body class="hold-transition login-page modern-skin-purple with-bg">
     <div class="container">
         <div class="hidden-xs" style="height:150px"></div>
         <div class="form-head mb20">
