gateway-applications/src/main/resources/applications/knoxauth/app/styles/knox.css [17:543]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
body {
  background:#eee;
  padding: 52px 0 0 30px;
}

.fluid-layout .container,
.fluid-layout #top-navbar .container {
  padding-right: 30px;
  width: inherit;
}
.nav-button {
  display: none;
  float: right;
  font-size: 17px;
  margin-right: 12px;
}
#top-navbar .navbar-inner {
  background: #3ea211;
  border-bottom: 1px solid #1b4607;
  -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  background-color: #58b31f;
  background-image: -moz-linear-gradient(top, #69be28, #3ea211);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#69be28), to(#3ea211));
  background-image: -webkit-linear-gradient(top, #69be28, #3ea211);
  background-image: -o-linear-gradient(top, #69be28, #3ea211);
  background-image: linear-gradient(to bottom, #69be28, #3ea211);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff69be28', endColorstr='#ff3ea211', GradientType=0);
}

#top-navbar .nav .dropdown-toggle .icon-caret-down {
  margin-right: -6px;
}

#top-navbar .logo {
  display: block;
  float: left;
  margin: 5px 15px 0 15px;
}
#top-navbar .logo:hover {
  opacity: 0.7;
}

#top-navbar .nav > li > a.usermenu > img {
  display: inline-block;
  height: 23px;
  vertical-align: top;
  width: 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#top-navbar .nav > li > a {
  color: #fff;
  display: block;
  line-height: 22px;
  font-size: 15px;
  font-weight: 600;
  padding: 9px 15px 0 15px;
  height: 31px;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0;
}
#top-navbar .nav > li > a:hover {
  opacity: 0.7;
}
#top-navbar .nav > li.active > a,
#top-navbar .nav > li.open > a,
#top-navbar .nav > li.open > a:hover {
  background: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px inset;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px inset;
  opacity: 1;
}
#top-navbar .dropdown-menu li a {
  font-size: 13px;
}

#main-footer {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #e3e3e3;
  color: #999;
  font-size: 13px;
  text-align: center;
}
#main-footer a {
  color: #999;
  text-decoration: underline;
}
#main-footer a:hover {
  color: #444;
}
#main-footer a.pull-right {
  text-decoration: none;
  line-height: 20px;
}
#main-footer a.pull-right i {
  font-size: 8px;
  position: relative;
  top: -1px;
}

.nav-tabs {
  border-bottom: 2px solid #e1e1e1;
  margin-bottom: 12px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  -moz-box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
}
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active {
  background: none;
  border: none;
  color: #999999;
  font-size: 14px;
  margin-bottom: -1px;
  padding: 3px 15px;
}
.nav-tabs > li > a:hover {
  background: none;
  color: #444;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:focus,
.nav-tabs > .active > a:active,
.nav-tabs > .active > a:hover {
  background: none;
  border: none;
  border-bottom: 2px solid #3ea211;
  color: #444;
}

.wrap {
  display: block;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  margin: 0 0 20px 0;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
}
.wrap:before,
.wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.wrap:after {
  clear: both;
}

.wrap-header {
  color: #222222;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  margin: 3px 0 0 0px;
  padding-bottom: 10px;
  text-transform: none;
}
.wrap-header > i {
  display: inline-block;
  font-size: 17px;
  width: 20px;
}

.wrap-header:hover .wrap-collapse {
  opacity: 1;
}
.wrap-collapse,
.wrap-expand {
  color: #888;
  font-size: 11px;
  font-weight: 600;
  margin: 2px 10px 0 0;
  position: relative;
  text-transform: none;
}
.wrap-collapse:hover,
.wrap-expand:hover {
  color: #444;
  text-decoration: none;
}
.wrap-collapse {
  opacity: 0.3;
}
.wrap-collapse i {
  position: relative;
  top: -1px;
}

.pagination ul {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pagination ul > li > a,
.pagination ul > li > span {
  border: 1px solid #ddd;
  color: #777777;
  margin-right: 5px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.pagination ul > li > span {
  border: none;
}
.pagination ul > li > a:focus {
  background: none;
}
.pagination ul > li > a:hover {
  background: none;
  border-color: #3ea211;
  color: #444;
}
.pagination ul > li.active > a,
.pagination ul > li.active > a:hover,
.pagination ul > li.active > a:focus,
.pagination ul > li.active > span {
  background: #3ea211;
  border-color: #3ea211;
  color: #fff;
  font-weight: 700;
}
.pagination ul > li.disabled > a:hover {
  border-color: #ddd;
}

.toggle {
  height: 28px;
  width: 80px;
}
.toggle-slide {
  overflow: hidden;
  cursor: pointer;
  direction: ltr;
}
.toggle-slide .toggle-on,
.toggle-slide .toggle-off,
.toggle-slide .toggle-blob {
  float: left;
}
.toggle-slide .toggle-blob {
  position: relative;
  z-index: 99;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.toggle-xa .toggle-slide {
  -webkit-box-shadow: #ffffff 0 1px 0;
  -moz-box-shadow: #ffffff 0 1px 0;
  box-shadow: #ffffff 0 1px 0;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden !important;
}
.toggle-xa .toggle-slide .toggle-on,
.toggle-xa .toggle-slide .toggle-off,
.toggle-xa .toggle-slide .toggle-blob {
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  font-weight: 600;
}
.toggle-xa .toggle-slide .toggle-on {
  background: #3ea211;
  color: #fff;
  -webkit-border-top-left-radius: 999px;
  -moz-border-radius-topleft: 999px;
  border-top-left-radius: 999px;
  -webkit-border-bottom-left-radius: 999px;
  -moz-border-radius-bottomleft: 999px;
  border-bottom-left-radius: 999px;
  background-color: #296b0b;
  background-image: -moz-linear-gradient(top, #1b4607, #3ea211);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1b4607), to(#3ea211));
  background-image: -webkit-linear-gradient(top, #1b4607, #3ea211);
  background-image: -o-linear-gradient(top, #1b4607, #3ea211);
  background-image: linear-gradient(to bottom, #1b4607, #3ea211);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1b4607', endColorstr='#ff3ea211', GradientType=0);
  *background-color: #358b0f;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.toggle-xa .toggle-slide .toggle-off {
  background: #cccccc;
  -webkit-border-top-right-radius: 999px;
  -moz-border-radius-topright: 999px;
  border-top-right-radius: 999px;
  -webkit-border-bottom-right-radius: 999px;
  -moz-border-radius-bottomright: 999px;
  border-bottom-right-radius: 999px;
  background-color: #c7c7c7;
  background-image: -moz-linear-gradient(top, #b3b3b3, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #e6e6e6);
  background-image: -o-linear-gradient(top, #b3b3b3, #e6e6e6);
  background-image: linear-gradient(to bottom, #b3b3b3, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb3b3b3', endColorstr='#ffe6e6e6', GradientType=0);
  *background-color: #a6a6a6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.toggle-xa .toggle-slide .toggle-blob {
  background: #fff;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
  *background-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* body css */
@media (min-width: 768px) and (max-width: 979px) {
  body, .fluid-layout, .centered-layout {
    padding: 52px 15px 0 15px;
  }

  #top-navbar .nav > li > a {
    font-size: 12px !important;
  }

  #top-navbar .nav > li > a {
    padding: 9px 10px 0 10px !important;
  }
}

@media (max-width: 767px) {
  body, .centered-layout {
    padding: 52px 15px 0 15px;
  }

  #top-navbar .nav-collapse .page-nav {
    margin: 30px 0 6px !important;
  }

  /* button stacks below form elements without space */
  .controls .btn {
    margin-top: 5px;
  }

  table.table-permission tr th:last-child, table.table-permission tr td:last-child {
    padding-left: 6% !important;
  }
}

@media (max-width: 480px) {
  body, .centered-layout {
    padding: 62px 0 0 0;
  }
}
/* overriding backgrid height property */
.backgrid td {
  height: auto;
}

/* page logo */
#top-navbar .page-logo {
  float: none;
  position: absolute;
  left: 0;
  top: 0;
}

#top-navbar .page-logo img {
  max-height: 33px;
}

.navbar .page-nav {
  margin: 0 0 0 130px;
}

/* Added class hr */
.hr {
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0;
  border-top: 1px solid #e3e3e3;
  margin: 12px 0;
}

/* Added space class, where spans are stacked on top of each other  */
.space-6 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px;
}

.vspace-6 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px 0;
  display: none;
}

.help-inline {
  padding-right: 5px;
}

.dropdown-menu > li > a > [class*="icon-"] {
  margin-right: 6px;
  font-size: 120%;
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

/* over-ride top menu styles */
#top-navbar .nav .dropdown-toggle .icon-caret-down {
  margin-right: 0;
}

.navbar .page-nav > li > a > [class*="icon-"] {
  margin-right: 3px;
}

/* footer */
.nav-footer li {
  float: left;
}

.nav-footer li a {
  background: 0;
  border: 0;
  color: #999;
  font-size: 12px;
  padding: 0 10px;
  text-decoration: none !important;
}

.copy-right-text p {
  margin: 0 0 5px;
  line-height: 15px;
}

.js-formInput .select2-container {
  width: 220px;
}

.datagrid-stretch-wrapper {
  border: 0;
}

.table-permission td {
  vertical-align: middle;
  text-align: center;
}

.table-permission td input[type="checkbox"] {
  margin: 0;
}

.table-permission {
  float: left;
  width: 90%
}

/* toggle */
.toggle-xa .toggle-slide {
  box-shadow: 0 0 0 1px #999;
}

.toggle {
  height: 20px;
  width: 80px;
  margin-top: 5px;
}

table.backgrid tr.tr-active {
  background-color: #D7EFF1;
}

table.backgrid tr.tr-active td, table.backgrid tr.tr-active td a {
  /* Developer: Commenting out for time being
   * font-weight: bold;
   * color: #444444;
   */
}

table.backgrid tr:hover {
  background-color: #E8F1FB;
}

.ui-pnotify-history-container {
  display: none;
}

.img-db-tb {
  margin-right: 5px;
  max-width: 24px !important;
}

.backgrid tr.empty td, .backgrid td {
  display: table-cell;
}

.loading {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* background-color: rgba(0,0,0,0.3); */
  text-align: center;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



knox-token-generation-ui/token-generation/assets/styles/knox.css [17:543]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
body {
  background:#eee;
  padding: 52px 0 0 30px;
}

.fluid-layout .container,
.fluid-layout #top-navbar .container {
  padding-right: 30px;
  width: inherit;
}
.nav-button {
  display: none;
  float: right;
  font-size: 17px;
  margin-right: 12px;
}
#top-navbar .navbar-inner {
  background: #3ea211;
  border-bottom: 1px solid #1b4607;
  -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
  background-color: #58b31f;
  background-image: -moz-linear-gradient(top, #69be28, #3ea211);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#69be28), to(#3ea211));
  background-image: -webkit-linear-gradient(top, #69be28, #3ea211);
  background-image: -o-linear-gradient(top, #69be28, #3ea211);
  background-image: linear-gradient(to bottom, #69be28, #3ea211);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff69be28', endColorstr='#ff3ea211', GradientType=0);
}

#top-navbar .nav .dropdown-toggle .icon-caret-down {
  margin-right: -6px;
}

#top-navbar .logo {
  display: block;
  float: left;
  margin: 5px 15px 0 15px;
}
#top-navbar .logo:hover {
  opacity: 0.7;
}

#top-navbar .nav > li > a.usermenu > img {
  display: inline-block;
  height: 23px;
  vertical-align: top;
  width: 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#top-navbar .nav > li > a {
  color: #fff;
  display: block;
  line-height: 22px;
  font-size: 15px;
  font-weight: 600;
  padding: 9px 15px 0 15px;
  height: 31px;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0;
}
#top-navbar .nav > li > a:hover {
  opacity: 0.7;
}
#top-navbar .nav > li.active > a,
#top-navbar .nav > li.open > a,
#top-navbar .nav > li.open > a:hover {
  background: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px inset;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px inset;
  opacity: 1;
}
#top-navbar .dropdown-menu li a {
  font-size: 13px;
}

#main-footer {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #e3e3e3;
  color: #999;
  font-size: 13px;
  text-align: center;
}
#main-footer a {
  color: #999;
  text-decoration: underline;
}
#main-footer a:hover {
  color: #444;
}
#main-footer a.pull-right {
  text-decoration: none;
  line-height: 20px;
}
#main-footer a.pull-right i {
  font-size: 8px;
  position: relative;
  top: -1px;
}

.nav-tabs {
  border-bottom: 2px solid #e1e1e1;
  margin-bottom: 12px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  -moz-box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
}
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active {
  background: none;
  border: none;
  color: #999999;
  font-size: 14px;
  margin-bottom: -1px;
  padding: 3px 15px;
}
.nav-tabs > li > a:hover {
  background: none;
  color: #444;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:focus,
.nav-tabs > .active > a:active,
.nav-tabs > .active > a:hover {
  background: none;
  border: none;
  border-bottom: 2px solid #3ea211;
  color: #444;
}

.wrap {
  display: block;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  margin: 0 0 20px 0;
  padding: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
}
.wrap:before,
.wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.wrap:after {
  clear: both;
}

.wrap-header {
  color: #222222;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  margin: 3px 0 0 0px;
  padding-bottom: 10px;
  text-transform: none;
}
.wrap-header > i {
  display: inline-block;
  font-size: 17px;
  width: 20px;
}

.wrap-header:hover .wrap-collapse {
  opacity: 1;
}
.wrap-collapse,
.wrap-expand {
  color: #888;
  font-size: 11px;
  font-weight: 600;
  margin: 2px 10px 0 0;
  position: relative;
  text-transform: none;
}
.wrap-collapse:hover,
.wrap-expand:hover {
  color: #444;
  text-decoration: none;
}
.wrap-collapse {
  opacity: 0.3;
}
.wrap-collapse i {
  position: relative;
  top: -1px;
}

.pagination ul {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pagination ul > li > a,
.pagination ul > li > span {
  border: 1px solid #ddd;
  color: #777777;
  margin-right: 5px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.pagination ul > li > span {
  border: none;
}
.pagination ul > li > a:focus {
  background: none;
}
.pagination ul > li > a:hover {
  background: none;
  border-color: #3ea211;
  color: #444;
}
.pagination ul > li.active > a,
.pagination ul > li.active > a:hover,
.pagination ul > li.active > a:focus,
.pagination ul > li.active > span {
  background: #3ea211;
  border-color: #3ea211;
  color: #fff;
  font-weight: 700;
}
.pagination ul > li.disabled > a:hover {
  border-color: #ddd;
}

.toggle {
  height: 28px;
  width: 80px;
}
.toggle-slide {
  overflow: hidden;
  cursor: pointer;
  direction: ltr;
}
.toggle-slide .toggle-on,
.toggle-slide .toggle-off,
.toggle-slide .toggle-blob {
  float: left;
}
.toggle-slide .toggle-blob {
  position: relative;
  z-index: 99;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.toggle-xa .toggle-slide {
  -webkit-box-shadow: #ffffff 0 1px 0;
  -moz-box-shadow: #ffffff 0 1px 0;
  box-shadow: #ffffff 0 1px 0;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden !important;
}
.toggle-xa .toggle-slide .toggle-on,
.toggle-xa .toggle-slide .toggle-off,
.toggle-xa .toggle-slide .toggle-blob {
  color: rgba(0, 0, 0, 0.7);
  font-size: 13px;
  font-weight: 600;
}
.toggle-xa .toggle-slide .toggle-on {
  background: #3ea211;
  color: #fff;
  -webkit-border-top-left-radius: 999px;
  -moz-border-radius-topleft: 999px;
  border-top-left-radius: 999px;
  -webkit-border-bottom-left-radius: 999px;
  -moz-border-radius-bottomleft: 999px;
  border-bottom-left-radius: 999px;
  background-color: #296b0b;
  background-image: -moz-linear-gradient(top, #1b4607, #3ea211);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1b4607), to(#3ea211));
  background-image: -webkit-linear-gradient(top, #1b4607, #3ea211);
  background-image: -o-linear-gradient(top, #1b4607, #3ea211);
  background-image: linear-gradient(to bottom, #1b4607, #3ea211);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1b4607', endColorstr='#ff3ea211', GradientType=0);
  *background-color: #358b0f;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.toggle-xa .toggle-slide .toggle-off {
  background: #cccccc;
  -webkit-border-top-right-radius: 999px;
  -moz-border-radius-topright: 999px;
  border-top-right-radius: 999px;
  -webkit-border-bottom-right-radius: 999px;
  -moz-border-radius-bottomright: 999px;
  border-bottom-right-radius: 999px;
  background-color: #c7c7c7;
  background-image: -moz-linear-gradient(top, #b3b3b3, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #e6e6e6);
  background-image: -o-linear-gradient(top, #b3b3b3, #e6e6e6);
  background-image: linear-gradient(to bottom, #b3b3b3, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb3b3b3', endColorstr='#ffe6e6e6', GradientType=0);
  *background-color: #a6a6a6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.toggle-xa .toggle-slide .toggle-blob {
  background: #fff;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  background-color: #ebebeb;
  background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
  background-image: -o-linear-gradient(top, #ffffff, #cccccc);
  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
  *background-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* body css */
@media (min-width: 768px) and (max-width: 979px) {
  body, .fluid-layout, .centered-layout {
    padding: 52px 15px 0 15px;
  }

  #top-navbar .nav > li > a {
    font-size: 12px !important;
  }

  #top-navbar .nav > li > a {
    padding: 9px 10px 0 10px !important;
  }
}

@media (max-width: 767px) {
  body, .centered-layout {
    padding: 52px 15px 0 15px;
  }

  #top-navbar .nav-collapse .page-nav {
    margin: 30px 0 6px !important;
  }

  /* button stacks below form elements without space */
  .controls .btn {
    margin-top: 5px;
  }

  table.table-permission tr th:last-child, table.table-permission tr td:last-child {
    padding-left: 6% !important;
  }
}

@media (max-width: 480px) {
  body, .centered-layout {
    padding: 62px 0 0 0;
  }
}
/* overriding backgrid height property */
.backgrid td {
  height: auto;
}

/* page logo */
#top-navbar .page-logo {
  float: none;
  position: absolute;
  left: 0;
  top: 0;
}

#top-navbar .page-logo img {
  max-height: 33px;
}

.navbar .page-nav {
  margin: 0 0 0 130px;
}

/* Added class hr */
.hr {
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 0;
  border-top: 1px solid #e3e3e3;
  margin: 12px 0;
}

/* Added space class, where spans are stacked on top of each other  */
.space-6 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px;
}

.vspace-6 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px 0;
  display: none;
}

.help-inline {
  padding-right: 5px;
}

.dropdown-menu > li > a > [class*="icon-"] {
  margin-right: 6px;
  font-size: 120%;
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

/* over-ride top menu styles */
#top-navbar .nav .dropdown-toggle .icon-caret-down {
  margin-right: 0;
}

.navbar .page-nav > li > a > [class*="icon-"] {
  margin-right: 3px;
}

/* footer */
.nav-footer li {
  float: left;
}

.nav-footer li a {
  background: 0;
  border: 0;
  color: #999;
  font-size: 12px;
  padding: 0 10px;
  text-decoration: none !important;
}

.copy-right-text p {
  margin: 0 0 5px;
  line-height: 15px;
}

.js-formInput .select2-container {
  width: 220px;
}

.datagrid-stretch-wrapper {
  border: 0;
}

.table-permission td {
  vertical-align: middle;
  text-align: center;
}

.table-permission td input[type="checkbox"] {
  margin: 0;
}

.table-permission {
  float: left;
  width: 90%
}

/* toggle */
.toggle-xa .toggle-slide {
  box-shadow: 0 0 0 1px #999;
}

.toggle {
  height: 20px;
  width: 80px;
  margin-top: 5px;
}

table.backgrid tr.tr-active {
  background-color: #D7EFF1;
}

table.backgrid tr.tr-active td, table.backgrid tr.tr-active td a {
  /* Developer: Commenting out for time being
   * font-weight: bold;
   * color: #444444;
   */
}

table.backgrid tr:hover {
  background-color: #E8F1FB;
}

.ui-pnotify-history-container {
  display: none;
}

.img-db-tb {
  margin-right: 5px;
  max-width: 24px !important;
}

.backgrid tr.empty td, .backgrid td {
  display: table-cell;
}

.loading {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* background-color: rgba(0,0,0,0.3); */
  text-align: center;
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -