.page-body.skin-navy {
  /*.xenon-sidebar-skin-variant(#2c3e50 nav bg; #a7bfd6 nav fore; #FFF; #34495e set; @brand-primary; @secondary-color);*/
  /*.xenon-sidebar-skin-variant(#2c3e50; #a7bfd6; #FFF; #34495e; @brand-primary; @secondary-color);*/
}
.page-body.skin-navy .btn-primary {
  background: #173863;
}
.page-body.skin-navy .btn-primary:hover {
  background: #122c4e;
  border-color: #122c4e;
}
.page-body.skin-navy .btn-primary:active,
.page-body.skin-navy .btn-primary:focus {
  background: #091525;
  border-color: #091525;
}
.page-body.skin-navy .btn.btn-secondary {
  background-color: #58b785;
  color: #FFF;
}
.page-body.skin-navy .btn.btn-secondary:hover {
  background-color: #4aac78;
  text-color: #FFF;
}
.page-body.skin-navy .btn.btn-secondary:active,
.page-body.skin-navy .btn.btn-secondary:focus {
  background-color: #4aac78;
  border-color: #47a473;
}
.page-body.skin-navy .settings-pane {
  /*background: @bg-color;*/
  color: #FFF;
}
.page-body.skin-navy .settings-pane > a[data-toggle="settings-pane"] {
  color: #FFF;
}
.page-body.skin-navy .settings-pane > a[data-toggle="settings-pane"]:hover {
  color: #FFF;
}
.page-body.skin-navy .settings-pane .user-info .user-details h3 a {
  color: #a7bfd6;
}
.page-body.skin-navy .settings-pane .user-info .user-details .user-title {
  color: rgba(167, 191, 214, 0.65);
}
.page-body.skin-navy .settings-pane .links-block.left-sep {
  border-left: 1px solid #173863;
}
.page-body.skin-navy .settings-pane .links-block h4 {
  color: #a7bfd6;
}
.page-body.skin-navy .settings-pane .links-block h4 span {
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.page-body.skin-navy .settings-pane .links-block h4 a {
  color: #a7bfd6;
}
.page-body.skin-navy .settings-pane .links-block h4 a:hover {
  color: #FFF;
}
.page-body.skin-navy .settings-pane .links-block ul li a {
  color: #FFF;
}
.page-body.skin-navy .settings-pane .links-block ul li a:hover {
  color: #a7bfd6;
}
.page-body.skin-navy .sidebar-menu {
  background: #173863;
}
.page-body.skin-navy .sidebar-menu .logo-env .settings-icon a {
  color: #FFF;
}
.page-body.skin-navy .sidebar-menu .logo-env .settings-icon a:hover {
  color: #a7bfd6;
}
.page-body.skin-navy .sidebar-menu .main-menu a {
  color: #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.page-body.skin-navy .sidebar-menu .main-menu a:hover {
  background: #173863;
}
.page-body.skin-navy .sidebar-menu .main-menu li:last-child > a {
  border-bottom: none;
}
.page-body.skin-navy .sidebar-menu .main-menu li.active > a {
  color: #a7bfd6;
}
.page-body.skin-navy .sidebar-menu .main-menu li.has-sub > a:before {
  color: #FFF;
}
.page-body.skin-navy .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x,
.page-body.skin-navy .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-body.skin-navy .sidebar-menu.collapsed + .main-content .user-info-navbar .user-info-menu a[data-toggle="sidebar"] {
    color: #606161;
  }
  .page-body.skin-navy .sidebar-menu.collapsed .main-menu > li.active,
  .page-body.skin-navy .sidebar-menu.collapsed .main-menu > li li.active {
    background-color: #143157;
  }
  .page-body.skin-navy .sidebar-menu.collapsed .main-menu > li > ul {
    background: #173863;
  }
}
.page-body.skin-navy .page-loading-overlay {
  background-color: #173863;
}
.page-body.skin-navy.login-page {
  background: #173863;
  color: #fff;
}
.page-body.skin-navy.login-page .login-form .login-header .logo span {
  color: #FFF;
}
.page-body.skin-navy.login-page .login-form .login-header p {
  color: #FFF;
}
.page-body.skin-navy.login-page .login-form .form-group .control-label {
  color: #FFF;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark {
  background: #122c4e;
  border: 1px solid transparent;
  color: #FFF;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
  color: #a7bfd6;
  opacity: 1;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-webkit-input-placeholder {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-moz-placeholder {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark::-moz-placeholder {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.input-dark:-ms-input-placeholder {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .form-group .form-control.error {
  border-color: rgba(204, 63, 68, 0.5);
}
.page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark {
  border-color: rgba(255, 255, 255, 0.15);
  background-color: #173863;
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .form-group .btn.btn-dark:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.page-body.skin-navy.login-page .login-form .login-footer {
  margin-top: 45px;
}
.page-body.skin-navy.login-page .login-form .login-footer a {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .login-form .login-footer a:hover {
  color: #ffffff;
}
.page-body.skin-navy.login-page .login-form .login-footer .info-links {
  font-size: 9px;
  margin-top: 5px;
  color: #FFF;
}
.page-body.skin-navy.login-page .login-form .login-footer .info-links a {
  color: #FFF;
}
.page-body.skin-navy.login-page .login-form .login-footer .info-links a:hover {
  color: #a7bfd6;
}
.page-body.skin-navy.login-page .external-login {
  position: relative;
  margin-bottom: 30px;
  padding: 0 30px;
}
.page-body.skin-navy.login-page .external-login a {
  display: block;
  color: #fff;
  background: #173863;
  padding: 13px 20px;
  font-size: 13px;
  margin-bottom: 10px;
}
.page-body.skin-navy.login-page .external-login a i {
  margin-right: 5px;
}
.page-body.skin-navy.login-page .external-login a:hover {
  background: #214f8c;
}
.page-body.skin-navy.login-page .external-login a.facebook {
  background-color: #3b5998;
}
.page-body.skin-navy.login-page .external-login a.facebook:hover {
  background-color: #2d4373;
}
.page-body.skin-navy.login-page .external-login a.twitter {
  background-color: #55acee;
}
.page-body.skin-navy.login-page .external-login a.twitter:hover {
  background-color: #2795e9;
}
.page-body.skin-navy.login-page .external-login a.gplus {
  background-color: #dd4b39;
}
.page-body.skin-navy.login-page .external-login a.gplus:hover {
  background-color: #c23321;
}
.page-body.skin-navy.login-page.login-light {
  background: #f5f5f5;
}
.page-body.skin-navy.login-page.login-light .errors-container,
.page-body.skin-navy.login-page.login-light .external-login {
  padding: 0;
}
.page-body.skin-navy.login-page.login-light .form-group label.error {
  color: rgba(17, 17, 17, 0.8);
}
.page-body.skin-navy.login-page.login-light .login-form {
  background: #fff;
  color: #111;
}
.page-body.skin-navy.login-page.login-light .login-form .login-footer a {
  color: #58b785;
}
.page-body.skin-navy.login-page.login-light .login-form .login-footer a:hover {
  color: #429a6c;
}
.page-body.skin-navy.login-page.login-light .login-form .login-footer .info-links a {
  color: rgba(17, 17, 17, 0.7);
}
.page-body.skin-navy.login-page.login-light .login-form .login-footer .info-links a:hover {
  color: #111;
}
@media screen and (max-width: 768px) {
  .page-body.skin-navy.login-page {
    padding-top: 0;
  }
  .page-body.skin-navy.login-page .login-form,
  .page-body.skin-navy.login-page .errors-container,
  .page-body.skin-navy.login-page .external-login {
    padding-left: 10px;
    padding-right: 10px;
  }
  .page-body.skin-navy.login-page .errors-container {
    margin-top: 20px;
  }
  .page-body.skin-navy.login-page.login-light .login-form {
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-body.skin-navy.login-page.login-light .errors-container,
  .page-body.skin-navy.login-page.login-light .external-login {
    padding-left: 0;
    padding-right: 0;
  }
  .page-body.skin-navy.login-page .row {
    margin: 0;
  }
}
.page-body.skin-navy.lockscreen-page {
  background: #173863;
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group p {
  color: #FFF;
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group h3 {
  color: #FFF;
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control {
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #a7bfd6;
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
  color: rgba(167, 191, 214, 0.5);
  opacity: 1;
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
  color: rgba(167, 191, 214, 0.5);
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
  color: rgba(167, 191, 214, 0.5);
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-webkit-input-placeholder {
  color: rgba(167, 191, 214, 0.5);
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-moz-placeholder {
  color: rgba(167, 191, 214, 0.5);
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control::-moz-placeholder {
  color: rgba(167, 191, 214, 0.5);
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .form-control:-ms-input-placeholder {
  color: rgba(167, 191, 214, 0.5);
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn {
  color: #a7bfd6;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:hover,
.page-body.skin-navy.lockscreen-page .lockcreen-form .form-group .input-group .input-group-btn .btn:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.page-body.skin-navy.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
  background: #173863;
  /*.box-shadow(~"0px 0px 0px 10px @{border-color}, 0px -10px 0px 10px @{border-color}, 0px -20px 0px 10px @{border-color}, 0px -30px 0px 10px @{border-color}");*/
}