diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs
index 9d6a164d4cf..2c36f248d4a 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.ui.navbar.nav-menu/nav-menu.hbs
@@ -105,8 +105,7 @@
          data-offset-top="80">
         <ul class="sidebar-messages">
         </ul>
-        <h4 class="text-center"><a href="{{appContext}}notification-listing" class="text-center">Show all notifications</a>
-        </h4>
+        <div class="text-center"><a href="{{appContext}}notification-listing" class="btn btn-primary">Show all notifications</a></div>
     </div>
 {{/zone}}
 {{#zone "bottomJs"}}
diff --git a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css
index 1ec53ebb728..a924b1bc28f 100644
--- a/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css
+++ b/components/device-mgt/org.wso2.carbon.device.mgt.ui/src/main/resources/jaggeryapps/uuf-template-app/app/units/uuf.unit.theme/public/css/theme-wso2.css
@@ -2770,380 +2770,7 @@ select[multiple].input-lg,
   }
 }
 
-.btn {
-  display: inline-block;
-  margin-bottom: 0;
-  font-weight: normal;
-  text-align: center;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none;
-  border: 1px solid transparent;
-  white-space: nowrap;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 1.42857;
-  border-radius: 0;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-.btn:hover, .btn:focus, .btn.focus {
-  color: #333;
-  text-decoration: none;
-}
-.btn:active, .btn.active {
-  outline: 0;
-  background-image: none;
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-}
-.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
-  cursor: not-allowed;
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-a.btn.disabled, fieldset[disabled] a.btn {
-  pointer-events: none;
-}
-
-.btn-default {
-  color: #333;
-  background-color: #fff;
-  border-color: #ccc;
-}
-.btn-default:focus, .btn-default.focus {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #8c8c8c;
-}
-.btn-default:hover {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #adadad;
-}
-.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
-  color: #333;
-  background-color: #e6e6e6;
-  border-color: #adadad;
-}
-.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
-  color: #333;
-  background-color: #d4d4d4;
-  border-color: #8c8c8c;
-}
-.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
-  background-image: none;
-}
-.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
-  background-color: #fff;
-  border-color: #ccc;
-}
-.btn-default .badge {
-  color: #fff;
-  background-color: #333;
-}
-
-.btn-primary {
-  color: #fff;
-  background-color: #004675;
-  border-color: #00375c;
-}
-.btn-primary:focus, .btn-primary.focus {
-  color: #fff;
-  background-color: #002742;
-  border-color: black;
-}
-.btn-primary:hover {
-  color: #fff;
-  background-color: #002742;
-  border-color: #00121e;
-}
-.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
-  color: #fff;
-  background-color: #002742;
-  border-color: #00121e;
-}
-.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
-  color: #fff;
-  background-color: #00121e;
-  border-color: black;
-}
-.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
-  background-image: none;
-}
-.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
-  background-color: #004675;
-  border-color: #00375c;
-}
-.btn-primary .badge {
-  color: #004675;
-  background-color: #fff;
-}
-
-.btn-success {
-  color: #fff;
-  background-color: #5cb85c;
-  border-color: #4cae4c;
-}
-.btn-success:focus, .btn-success.focus {
-  color: #fff;
-  background-color: #449d44;
-  border-color: #255625;
-}
-.btn-success:hover {
-  color: #fff;
-  background-color: #449d44;
-  border-color: #398439;
-}
-.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
-  color: #fff;
-  background-color: #449d44;
-  border-color: #398439;
-}
-.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
-  color: #fff;
-  background-color: #398439;
-  border-color: #255625;
-}
-.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
-  background-image: none;
-}
-.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
-  background-color: #5cb85c;
-  border-color: #4cae4c;
-}
-.btn-success .badge {
-  color: #5cb85c;
-  background-color: #fff;
-}
-
-.btn-info {
-  color: #fff;
-  background-color: #009DA7;
-  border-color: #00858e;
-}
-.btn-info:focus, .btn-info.focus {
-  color: #fff;
-  background-color: #006d74;
-  border-color: #000d0e;
-}
-.btn-info:hover {
-  color: #fff;
-  background-color: #006d74;
-  border-color: #004b50;
-}
-.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
-  color: #fff;
-  background-color: #006d74;
-  border-color: #004b50;
-}
-.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
-  color: #fff;
-  background-color: #004b50;
-  border-color: #000d0e;
-}
-.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
-  background-image: none;
-}
-.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
-  background-color: #009DA7;
-  border-color: #00858e;
-}
-.btn-info .badge {
-  color: #009DA7;
-  background-color: #fff;
-}
-
-.btn-warning {
-  color: #fff;
-  background-color: #f0ad4e;
-  border-color: #eea236;
-}
-.btn-warning:focus, .btn-warning.focus {
-  color: #fff;
-  background-color: #ec971f;
-  border-color: #985f0d;
-}
-.btn-warning:hover {
-  color: #fff;
-  background-color: #ec971f;
-  border-color: #d58512;
-}
-.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
-  color: #fff;
-  background-color: #ec971f;
-  border-color: #d58512;
-}
-.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
-  color: #fff;
-  background-color: #d58512;
-  border-color: #985f0d;
-}
-.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
-  background-image: none;
-}
-.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
-  background-color: #f0ad4e;
-  border-color: #eea236;
-}
-.btn-warning .badge {
-  color: #f0ad4e;
-  background-color: #fff;
-}
-
-.btn-danger {
-  color: #fff;
-  background-color: #d9534f;
-  border-color: #d43f3a;
-}
-.btn-danger:focus, .btn-danger.focus {
-  color: #fff;
-  background-color: #c9302c;
-  border-color: #761c19;
-}
-.btn-danger:hover {
-  color: #fff;
-  background-color: #c9302c;
-  border-color: #ac2925;
-}
-.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
-  color: #fff;
-  background-color: #c9302c;
-  border-color: #ac2925;
-}
-.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
-  color: #fff;
-  background-color: #ac2925;
-  border-color: #761c19;
-}
-.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
-  background-image: none;
-}
-.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
-  background-color: #d9534f;
-  border-color: #d43f3a;
-}
-.btn-danger .badge {
-  color: #d9534f;
-  background-color: #fff;
-}
-
-.btn-link {
-  color: #004675;
-  font-weight: normal;
-  border-radius: 0;
-}
-.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
-  background-color: transparent;
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
-  border-color: transparent;
-}
-.btn-link:hover, .btn-link:focus {
-  color: #001829;
-  text-decoration: underline;
-  background-color: transparent;
-}
-.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
-  color: #777777;
-  text-decoration: none;
-}
-
-.btn-lg, .btn-group-lg > .btn {
-  padding: 10px 16px;
-  font-size: 18px;
-  line-height: 1.33333;
-  border-radius: 0;
-}
-
-.btn-sm, .btn-group-sm > .btn {
-  padding: 5px 10px;
-  font-size: 12px;
-  line-height: 1.5;
-  border-radius: 0;
-}
-
-.btn-xs, .btn-group-xs > .btn {
-  padding: 1px 5px;
-  font-size: 12px;
-  line-height: 1.5;
-  border-radius: 0;
-}
-
-.btn-block {
-  display: block;
-  width: 100%;
-}
-
-.btn-block + .btn-block {
-  margin-top: 5px;
-}
-
-input[type="submit"].btn-block,
-input[type="reset"].btn-block,
-input[type="button"].btn-block {
-  width: 100%;
-}
-
-.btn-secondary {
-  color: #fff;
-  background-color: #0083db;
-  border-color: #0074c2;
-}
-.btn-secondary:focus, .btn-secondary.focus {
-  color: #fff;
-  background-color: #0065a8;
-  border-color: #002742;
-}
-.btn-secondary:hover {
-  color: #fff;
-  background-color: #0065a8;
-  border-color: #004f84;
-}
-.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
-  color: #fff;
-  background-color: #0065a8;
-  border-color: #004f84;
-}
-.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
-  color: #fff;
-  background-color: #004f84;
-  border-color: #002742;
-}
-.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
-  background-image: none;
-}
-.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
-  background-color: #0083db;
-  border-color: #0074c2;
-}
-.btn-secondary .badge {
-  color: #0083db;
-  background-color: #fff;
-}
-
-.btn-mobile {
-  width: 100%;
-}
 
-@media (min-width: 768px) {
-  .btn-mobile {
-    width: auto;
-  }
-}
 header {
   min-height: 50px;
   position: relative;
@@ -7379,9 +7006,6 @@ body.inverse .fade-edge:after {
   width: 60px;
 }
 
-/* ========================================================================
- * row/col styles
- * ======================================================================== */
 /* ========================================================================
  * navbar styles
  * ======================================================================== */
@@ -7816,7 +7440,7 @@ ul.sidebar-messages > li {
   padding: 40px;
 }
 
-.body-wrapper a.btn:hover {
+.body-wrapper a.btn:hover,.body-wrapper a:hover {
   text-decoration: none;
 }
 
@@ -8126,601 +7750,37 @@ ul.sidebar-messages > li {
   display: none;
 }
 
+
 /* ========================================================================
- * form styles
+ * pagination styles
  * ======================================================================== */
-.form-horizontal {
-  max-width: 750px;
+.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
 }
-
-.control-label {
-  font-weight: 400;
+.pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span, .pagination > li > span:hover {
+  text-decoration: none;
+  color: #004675;
 }
 
-.input-group-btn .control-label {
-  font-size: 14px;
-  padding-top: 0;
-  margin: 0 5px;
+.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
+  background: #004675;
+  border-color: #004675;
 }
 
-.input-group-btn .btn, .input-group-btn .btn:hover, .input-group-btn .btn:focus {
-  border-color: #ccc;
+.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
+  display: none;
 }
 
-.form-control, .btn {
+/* ========================================================================
+ * panel styles
+ * ======================================================================== */
+.panel-group .panel, .panel-heading, .panel-footer, .panel-body {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-}
-
-.remove-icon-ring-on-hover:hover .fw-ring {
-  display: none;
-}
-
-.has-form-control-btn {
-  position: relative;
-}
-
-.form-control-btn, .form-control-btn:focus, .form-control-btn:active, .form-control-btn:hover {
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: block;
-  width: 34px;
-  height: 34px;
-  line-height: 34px;
-  text-align: center;
-  background: transparent;
-  border: none;
-  z-index: 5;
-  opacity: 0.7;
-  font-size: 14px;
-}
-.form-control-btn:hover {
-  opacity: 1;
-}
-
-.form-control {
-  width: 100%;
-}
-.form-control-xs {
-  min-width: calc(750px/12);
-}
-.form-control-sm {
-  min-width: calc(750px/9);
-}
-.form-control-md {
-  min-width: calc(750px/6);
-}
-.form-control-lg {
-  min-width: calc(750px/2);
-}
-
-input[type=number].form-control {
-  padding: 0 0 0 12px;
-}
-
-.input-wrap {
-  width: 100%;
-}
-
-.input-wrap .btn.wrap-input-right {
-  border-left: none;
-}
-
-.input-group-addon {
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-}
-
-.file-upload-control input[type=file] {
-  display: none;
-}
-
-.file-upload-control input[readonly] {
-  background-color: white !important;
-  cursor: text !important;
-}
-
-@media only screen and (max-width: 768px) {
-  .input-group.res-wrap, .input-group.res-wrap .form-control, .input-group.res-wrap .control-label, .input-group.res-wrap .input-group-btn {
-    min-width: 100%;
-    display: block;
-    float: none;
-  }
-
-  .input-group.res-wrap .control-label {
-    line-height: 34px;
-    margin: 5px 0 0 0;
-  }
-
-  .form-control-xs {
-    min-width: calc(750px/24);
-  }
-  .form-control-sm {
-    min-width: calc(750px/18);
-  }
-  .form-control-md {
-    min-width: calc(750px/12);
-  }
-  .form-control-lg {
-    min-width: calc(750px/4);
-  }
-}
-/* ========================================================================
- * table styles
- * ======================================================================== */
-.table thead th {
-  font-weight: 300;
-}
-
-.table .form-control {
-  min-width: 100%;
-}
-
-@media only screen and (max-width: 767px) {
-  .table-responsive table,
-  .table-responsive thead,
-  .table-responsive tbody,
-  .table-responsive th,
-  .table-responsive td,
-  .table-responsive tr {
-    display: block;
-  }
-
-  .table-responsive thead tr {
-    position: absolute;
-    top: -9999px;
-    left: -9999px;
-  }
-
-  .table-responsive tr {
-    border: 1px solid #ccc;
-  }
-
-  .table-responsive.table-striped {
-    border: none;
-  }
-
-  .table-responsive tbody > tr > td {
-    border: none;
-    border-bottom: 1px solid #eee;
-    position: relative;
-    padding-left: 50%;
-    white-space: normal;
-    text-align: left;
-  }
-
-  .table-responsive tr > td:before {
-    position: absolute;
-    top: 6px;
-    left: 6px;
-    width: 45%;
-    padding-right: 10px;
-    white-space: nowrap;
-    text-align: left;
-    font-weight: bold;
-  }
-
-  .table-responsive tbody > tr > td:before {
-    content: attr(data-title);
-  }
-}
-/* ========================================================================
- * list table styles
- * ======================================================================== */
-.table.list-table {
-  min-width: 100%;
-  display: block;
-}
-
-.table.list-table thead,
-.table.list-table tbody {
-  vertical-align: top;
-}
-
-.table.list-table > tbody > tr > td, .table.list-table > tbody > tr > th, .table.list-table > tfoot > tr > td, .table.list-table > tfoot > tr > th, .table.list-table > thead > tr > td, .table.list-table > thead > tr > th {
-  border: none;
-  padding: 8px;
-  vertical-align: middle;
-  overflow: hidden;
-  position: relative;
-}
-.table.list-table .h1, .table.list-table .h2, .table.list-table .h3, .table.list-table .h4, .table.list-table .h5, .table.list-table .h6, .table.list-table h1, .table.list-table h2, .table.list-table h3, .table.list-table h4, .table.list-table h5, .table.list-table h6 {
-  margin: 0;
-}
-
-.table.list-table tr {
-  border-bottom: 5px solid transparent;
-}
-
-.table.list-table > thead > tr.sort-row {
-  display: none;
-}
-
-.table.list-table > tbody > tr:nth-of-type(odd),
-.table.list-table > tbody > tr:nth-of-type(even) {
-  background-color: transparent;
-}
-
-.table.list-table > tbody > tr.child ul {
-  text-align: left;
-  display: block;
-}
-
-.table.table-hover > tbody > tr:hover td:not(.dataTables_empty) {
-  background: #e4e4e4 !important;
-}
-.table.table-hover > tbody > tr:hover td:not(.dataTables_empty).fade-edge:after {
-  content: "";
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, fade(#e4e4e4, 0%)), color-stop(100%, fade(#e4e4e4, 100%)));
-  background-image: -webkit-linear-gradient(left, fade(#e4e4e4, 0%), fade(#e4e4e4, 100%));
-  background: linear-gradient(to right, fade(#e4e4e4, 0%), fade(#e4e4e4, 100%));
-  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00$color', EndColorStr='$color');
-  bottom: 0;
-  max-height: 100%;
-  position: absolute;
-  right: 0;
-  height: 10000px;
-  width: 60px;
-}
-
-.table.table-selectable > tbody > tr:hover {
-  cursor: pointer;
-}
-
-.table.table-selectable > tbody > tr:hover td:not(.dataTables_empty):first-child:before,
-.table.table-selectable > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child:before {
-  position: absolute;
-  display: block;
-  content: "";
-  background-color: transparent;
-  border-left: 2px solid #fff;
-  border-bottom: 2px solid #fff;
-  height: .65rem;
-  width: 1.3rem;
-  z-index: 102;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-  right: 0.3rem;
-  left: auto;
-  top: 0.3rem;
-}
-
-.table.table-selectable.grid-view > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child {
-  border: 5px solid #007d85;
-}
-
-.table.table-selectable:not(.grid-view) > tbody > tr.DTTT_selected td:not(.dataTables_empty) {
-  background: #2C313B !important;
-  color: #fff;
-}
-
-.table.table-selectable > tbody > tr:hover td:not(.dataTables_empty):first-child:after,
-.table.table-selectable > tbody > tr.DTTT_selected td:not(.dataTables_empty):first-child:after,
-.table.table-selectable > tbody > tr[data-type=selectable] td:not(.dataTables_empty):first-child:after {
-  position: absolute;
-  display: block;
-  border-top: 32px solid #007d85;
-  border-left: 32px solid transparent;
-  right: 0;
-  content: "";
-  top: 0;
-  z-index: 101;
-}
-
-.table.table-selectable > tbody > tr[data-type=selectable]:not(:hover):not(.DTTT_selected) td:not(.dataTables_empty):first-child:after {
-  border-top-color: #e4e4e4;
-}
-
-.table.list-table thead tr.bulk-action-row {
-  display: block;
-  margin: 0 15px;
-}
-.table.list-table thead tr.bulk-action-row > th, .table.list-table thead tr.bulk-action-row > td {
-  display: block !important;
-}
-.table.list-table thead tr.bulk-action-row > th > div, .table.list-table thead tr.bulk-action-row > td > div, .table.list-table thead tr.bulk-action-row > th > span, .table.list-table thead tr.bulk-action-row > td > span, .table.list-table thead tr.bulk-action-row > th > ul, .table.list-table thead tr.bulk-action-row > td > ul {
-  margin: 0 -10px;
-}
-
-.table.list-table > thead.block > tr > td:not(:empty):before,
-.table.list-table > thead.block > tr > th:not(:empty):before {
-  content: attr(data-for);
-}
-
-.table.list-table:not(.grid-view) .content-fill {
-  width: 1%;
-}
-
-.table.list-table:not(.grid-view) > tbody > tr > td, .table.list-table:not(.grid-view) > tbody > tr > th {
-  background: #f5f5f5;
-}
-.table.list-table:not(.grid-view) > tbody > tr > td.fade-edge:after, .table.list-table:not(.grid-view) > tbody > tr > th.fade-edge:after {
-  display: none;
-}
-
-.table.list-table:not(.grid-view) tbody {
-  margin: 0 15px;
-}
-
-.table.list-table:not(.grid-view) .thumbnail {
-  max-width: 60px;
-  min-width: 60px;
-}
-
-.table.list-table.grid-view > thead > tr {
-  width: auto;
-}
-
-.table.list-table.grid-view > tbody > tr > td, .table.list-table.grid-view > tbody > tr > th, .table.list-table.grid-view > tfoot > tr > td, .table.list-table.grid-view > tfoot > tr > th {
-  display: block;
-  white-space: nowrap;
-  padding: 10px 0;
-}
-.table.list-table.grid-view > tbody > tr > td[data-grid-label]:before, .table.list-table.grid-view > tbody > tr > th[data-grid-label]:before {
-  content: attr(data-grid-label):;
-  font-weight: 600;
-  margin-right: 8px;
-}
-.table.list-table.grid-view > tbody > tr.header-row {
-  display: none;
-}
-.table.list-table.grid-view > thead > tr > td, .table.list-table.grid-view > thead > tr > th {
-  display: inline-block;
-}
-.table.list-table.grid-view > thead > tr > td:not(:empty):before, .table.list-table.grid-view > thead > tr > th:not(:empty):before {
-  content: attr(data-for);
-}
-.table.list-table.grid-view .hidden-on-grid-view {
-  display: none;
-}
-.table.list-table.grid-view .padding-reduce-on-grid-view {
-  padding: 2px;
-}
-.table.list-table.grid-view .text-left-on-grid-view {
-  text-align: left;
-}
-.table.list-table.grid-view .text-right-on-grid-view {
-  text-align: right;
-}
-.table.list-table.grid-view .text-center-on-grid-view {
-  text-align: center;
-}
-
-.table.list-table {
-  width: auto;
-  display: block;
-  margin-right: -15px;
-  margin-left: -15px;
-}
-.table.list-table > thead, .table.list-table > tbody, .table.list-table > tfoot {
-  display: block;
-}
-
-.table.list-table.grid-view tr {
-  display: inline-block;
-}
-
-.table.list-table.grid-view > tbody > tr {
-  padding: 15px 15px 0;
-}
-
-.table.list-table.grid-view .filter-row,
-.table.list-table thead.block .filter-row {
-  background: #e4e4e4;
-  margin: 0 15px;
-  padding: 15px;
-  display: block;
-}
-
-.table.list-table.grid-view .filter-row th:empty,
-.table.list-table thead.block .filter-row th:empty {
-  display: none;
-}
-
-.table.list-table.grid-view tr td {
-  padding: 0;
-}
-
-@media (max-width: 767px) {
-  .table.list-table > thead > tr.filter-row, .table.list-table > thead > tr.filter-row > td, .table.list-table > thead > tr.filter-row > th {
-    display: block;
-  }
-}
-@media (min-width: 320px) and (max-width: 479px) {
-  .table.list-table.grid-view tr {
-    width: 100%;
-  }
-}
-@media (min-width: 480px) and (max-width: 767px) {
-  .table.list-table.grid-view tr {
-    width: 50%;
-  }
-
-  .table.list-table:not(.grid-view) .content-fill {
-    width: auto;
-  }
-}
-@media (min-width: 768px) and (max-width: 991px) {
-  .table.list-table.grid-view tr {
-    width: 33.3%;
-  }
-}
-@media (min-width: 992px) and (max-width: 1199px) {
-  .table.list-table.grid-view tr {
-    width: 20%;
-  }
-}
-@media (min-width: 1200px) {
-  .table.list-table.grid-view tr {
-    width: 10%;
-  }
-}
-/* ========================================================================
- * data table styles
- * ======================================================================== */
-table.dataTable thead .sorting:after,
-table.dataTable thead .sorting_asc:after,
-table.dataTable thead .sorting_desc:after {
-  font-family: "font-wso2";
-}
-
-.dataTables_wrapper ul.sort-list li a:before,
-.dataTables_wrapper ul.sort-list li a.sorting_asc:before,
-.dataTables_wrapper ul.sort-list li a.sorting_desc:before {
-  font-family: "font-wso2";
-  margin-right: 10px;
-  font-size: 11px;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-
-.dataTables_wrapper ul.sort-list li a:before {
-  opacity: 0.2;
-  filter: alpha(opacity=20);
-}
-
-table.dataTable thead .sorting:after,
-.dataTables_wrapper ul.sort-list li a:before {
-  content: "\e673";
-}
-
-table.dataTable thead .sorting_asc:after,
-.dataTables_wrapper ul.sort-list li a.sorting_asc:before {
-  content: "\e64b";
-}
-
-table.dataTable thead .sorting_desc:after,
-.dataTables_wrapper ul.sort-list li a.sorting_desc:before {
-  content: "\e663";
-}
-
-table.dataTable thead .sorting {
-  padding-right: 30px !important;
-}
-
-table.dataTable thead .no-sort:after {
-  display: none !important;
-}
-
-table.dataTable thead .no-sort {
-  pointer-events: none !important;
-  cursor: default !important;
-}
-
-table.dataTable tr.filter-row td,
-table.dataTable tr.filter-row th {
-  padding: 0 8px 10px;
-}
-
-.dataTables_wrapper > div.row > div {
-  text-align: left;
-}
-
-.dataTables_filter,
-.dataTables_toolbar,
-.dataTables_length,
-.dataTables_info {
-  text-align: left;
-  float: left;
-}
-
-.dataTables_toolbar,
-.dataTables_paginate {
-  float: right;
-}
-
-.dataTablesTop,
-.dataTablesBottom {
-  margin: 0;
-}
-.dataTablesTop:before, .dataTablesTop:after,
-.dataTablesBottom:before,
-.dataTablesBottom:after {
-  content: " ";
-  display: table;
-}
-.dataTablesTop:after,
-.dataTablesBottom:after {
-  clear: both;
-}
-
-.dataTablesBottom .dataTables_info {
-  padding: 4px 0 0 10px;
-  margin-left: 10px;
-  border-left: 1px solid #e4e4e4;
-}
-
-.dataTables_filter .search-icon {
-  position: relative;
-  z-index: 1;
-  right: -10px;
-  top: 0;
-  color: #7B7B7B;
-  cursor: pointer;
-}
-
-.dataTables_filter input {
-  padding: 0 15px 0 35px;
-  min-width: 300px;
-  margin: 0 0 0 -14px !important;
-}
-
-.table.dataTable tbody tr.active td,
-.table.dataTable tbody tr.active th,
-.table.dataTable tbody tr.active:hover td,
-.table.dataTable tbody tr.active:hover th {
-  background-color: #004675 !important;
-}
-
-.table.dataTable tbody tr td.dataTables_empty {
-  overflow: visible;
-  cursor: default;
-  background: none;
-  padding: 0;
-}
-
-table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
-  top: 50%;
-  left: 10px;
-  margin-top: -8px;
-}
-table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:first-child {
-  padding-left: 40px !important;
-}
-
-/* ========================================================================
- * pagination styles
- * ======================================================================== */
-.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-}
-.pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span, .pagination > li > span:hover {
-  text-decoration: none;
-  color: #004675;
-}
-
-.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
-  background: #004675;
-  border-color: #004675;
-}
-
-.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
-  display: none;
-}
-
-/* ========================================================================
- * panel styles
- * ======================================================================== */
-.panel-group .panel, .panel-heading, .panel-footer, .panel-body {
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  padding: 0;
+  padding: 0;
 }
 
 .panel {
@@ -9019,24 +8079,6 @@ a.list-group-item:hover {
   margin-top: 6px;
 }
 
-/* ========================================================================
- * asset details styles
- * ======================================================================== */
-.asset-image {
-  max-width: 150px;
-  background: #004675;
-  float: none;
-}
-
-.asset-desc .asset-name {
-  font-size: 24px;
-  margin-bottom: 0;
-}
-
-.asset-desc .asset-publisher {
-  font-size: 14px;
-  margin-bottom: 20px;
-}
 
 /* ========================================================================
  * switch styles
@@ -9282,107 +8324,6 @@ a.list-group-item:hover {
   min-height: 300px;
 }
 
-/* ========================================================================
- * Button color customizations
- * ======================================================================== */
-.btn, a.btn {
-  /*background-color: #0E75DC;
-  color: #fff;*/
-}
-
-.btn .disabled, a.btn .disabled {
-  background-color: #0E75DC;
-  color: #fff;
-}
-
-.btn-default, a.btn-default {
-  background-color: #064973;
-  color: #fff;
-  border: none;
-}
-
-.btn-default:hover, a.btn-default:hover {
-  background-color: #085b8f;
-  color: #fff;
-  border: none;
-}
-
-.btn-primary, a.btn-primary {
-  background-color: #064973;
-  color: #fff;
-  border: none;
-}
-
-.btn-primary:hover, a.btn-primary:hover {
-  background-color: #085b8f;
-  color: #fff;
-  border: none;
-}
-
-.btn-secondary, a.btn-secondary {
-  background-color: #444;
-  color: #fff;
-  border: none;
-}
-
-.btn-secondary:hover, a.btn-secondary:hover {
-  background-color: #686868;
-  color: #fff;
-  border: none;
-}
-
-/* ========================================================================
- * Thumbnail icon customizations
- * ======================================================================== */
-.thumbnail.icon {
-  position: relative;
-}
-
-.thumbnail.icon .after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: none;
-  color: #FFF;
-}
-
-.thumbnail.icon:hover .after {
-  display: block;
-  background: rgba(0, 0, 0, 0.6);
-  cursor: pointer;
-}
-
-.thumbnail.icon > a > .after > span.fw-stack.fw-lg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  margin: auto;
-  font-size: 26px;
-}
-
-.thumbnail.icon .square-element img {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  -moz-transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  -o-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-}
-
-.api-name-icon {
-  color: #fff;
-  width: 100%;
-  font-size: 9em;
-  text-align: center;
-  font-weight: 200;
-  text-transform: capitalize;
-}
 
 /* ========================================================================
  * Accordion and Collapse styles
@@ -9968,4 +8909,15 @@ body.login-bg {
 .col-centered {
     float: none;
     margin: 0 auto;
+}
+.sidebar-messages .message-no-new{
+    background: #333;
+    padding: 5px 10px;
+}
+.sidebar-messages .message-no-new h4{
+    padding-top:5px;
+}
+
+.sidebar-messages + div > a.btn:hover,.sidebar-messages + div > .btn:hover{
+    background:#526a84;
 }
\ No newline at end of file