html, body {
  line-height: 1.0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
}
header {
  background-color: #002244;
  color: #fff;
}
footer {
  background-color: #002244;
  color: #fff;
}
.grid, table {
  background-color: rgba(0,0,0,0);
}
.link {
  font-style: normal; font-weight: normal; text-decoration: underline;;
  color: #000000;
}
.link:hover {
  font-style: normal; font-weight: normal; text-decoration: none;;
  color: #f4f3f2;
}
main { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } main > nav { text-align: center; } main > nav > span { display: inline-block; text-align: center; } main > nav > span > nav { top: 2em; left: 0; min-width: 150%; }
nav {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal; font-weight: normal; text-decoration: none;;
  background-color: #002244;
  color: #fff;
}
nav > span:hover, nav > span.menuSelected {
  font-style: normal; font-weight: normal; text-decoration: none;;
  background-color: rgba(0,0,0,0);
  color: #0098db;
}
.notification-item.fa {
  color: #666666;
}
.notification-item.fa:hover, .notification-item.fa.menuSelected {
  color: #0098db;
}
.notifications > .title {
  background-color: #002244;
}
.notifications::before {
  border-bottom-color: #002244;
}
nav > span > nav {
  font-style: normal; font-weight: normal; text-decoration: none;;
  background-color: #002244;
  color: #fff;
}
nav > span > nav > span:hover {
  background-color: #002244;
  color: #0098db;
}
.user-options > div {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal; font-weight: normal; text-decoration: none;;
  background-color: #002244;
  color: #fff;
}
.user-options > div > span:hover, .user-options > div > span.menuSelected {
  background-color: #002244;
  color: #0098db;
}
.user-options > div > span > div {
  font-style: normal; font-weight: normal; text-decoration: none;;
  background-color: #002244;
  color: #fff;
}
.user-options > div > span > div > span:hover {
  background-color: #002244;
  color: #0098db;
}
.tabs > .tab-buttons > label,.collapse > label,.dashboard-section {
  background-color: #f4f3f2;
  color: #000000;
}
.tabs > .tab-buttons > label:hover span, .collapse > label:hover span, .collapse > input:checked + label span, .tabs > input:nth-of-type(1):checked ~ .tab-buttons > label:nth-child(1) span,.tabs > input:nth-of-type(2):checked ~ .tab-buttons > label:nth-child(2) span,.tabs > input:nth-of-type(3):checked ~ .tab-buttons > label:nth-child(3) span,.tabs > input:nth-of-type(4):checked ~ .tab-buttons > label:nth-child(4) span,.tabs > input:nth-of-type(5):checked ~ .tab-buttons > label:nth-child(5) span,.tabs > input:nth-of-type(6):checked ~ .tab-buttons > label:nth-child(6) span,.tabs > input:nth-of-type(7):checked ~ .tab-buttons > label:nth-child(7) span,.tabs > input:nth-of-type(8):checked ~ .tab-buttons > label:nth-child(8) span,.tabs > input:nth-of-type(9):checked ~ .tab-buttons > label:nth-child(9) span,.dashboard-section:hover,.dashboard-section.active {
  background-color: #999999;
  color: #fff;
}
.button, .sweet-alert button.cancel {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f4f3f2;
  color: #000000;
}
.button:hover, .sweet-alert button.cancel:hover {
  background-color: #999999;
  color: #000000;
}
.button.button-primary, .sweet-alert button {
  background-color: #f4f3f2;
  color: #000000;
}
.button.button-primary:hover, .sweet-alert button:hover {
  background-color: #999999;
  color: #000000;
}
.button.button-danger {
  background-color: #999999;
  color: #000000;
}
.button.button-danger:hover {
  background-color: #999999;
  color: #000000;
}
table tbody tr:hover {
}
.login-bg {
  background-image: url(../..//images/custom/Front_PBF.jpg);;
}
.login-bg {    background-repeat: no-repeat; background-attachment: fixed; background-position: center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover;height: 100%;} .login-bg header,  .login-bg header .grid,  .login-bg main,  .login-bg footer {    background-color: transparent;}  .login-bg form[name="login"] .grid,  .login-bg form[name="forgot"] .grid {    background-color: rgba(255, 255, 255, 0.4);}  .login-bg form[name="login"] .grid .grid,  .login-bg form[name="forgot"] .grid .grid{    background-color: transparent}.tabs > .tab-content {
  border-top-color: #999999;
}