@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
body {
  background: #F4F8F9;
  color: #454B60;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

#nav-bar {
  background-color: #FFF;
  border: 1px solid #E6E8E9;
}

div.panel {
  background-color: #FFF;
  border: 1px solid #454B60;
}

.btn {
  min-width: 90px;
  font-size: 14px;
  font-weight: 300;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus {
  color: #fff !important;
  background-color: #0064bf !important;
  border-color: #0064bf !important;
}

.btn-default {
  background-color: #505569;
  color: #fff;
  border-color: #505569;
}

.btn-info {
  background-color: transparent;
  color: #454B60;
  border-color: #454B60;
}

.btn-primary {
  min-width: 150px;
  background-color: #505569;
  color: #fff;
  border-color: #505569;
  border-radius: 0;
  padding: 12px 20px;
}


/* Bootstrap tooltips. */

.tooltip-inner {
  background-color: #505569;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #505569 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #505569 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #505569 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #505569 !important;
}


/* DataTables page selector override */

.page-item.active .page-link {
  background-color: #505569;
  border-color: #505569;
}