table tr {
  border-bottom: 1px solid #2c6e8e !important;
}

body {
  background: #e6eef1;
}

header {
  background: url('/img/layout/header_bg.png') repeat-x;
  padding-left: 75px;
  height: 40px;
  overflow: visible;
}
header img {
  z-index: 100;
  position: absolute;
}

.mfp-content {
  width: 850px !important;
  background-color: #FFFFFF;
}

table.dataTable thead th {
  padding: 10px !important;
}

.mfp-content {
  padding: 10px;
}

.mfp-content label {
  width: 200px;
}

.mfp-content input[type='text'] {
  width: 450px;
  margin-bottom: 10px;
}

.mfp-content input[type='checkbox'] {
  margin-bottom: 10px;
}

.mfp-content input[name='username'] {
  width: 418px;
}

.footerContainer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

footer {
  padding: 10px 0;
  text-align: center;
  line-height: 12px;
  font-size: 14px;
  color: #FFF;
  background: #7aa2b5;
}

#login-box, #password-forgotten-box {
  margin-top:80px;
  background: #cfdde4;
}
#password-forgotten-box {
  padding-left: 30px;
}
#password-forgotten .input-group {
  width: 220px;
}
#login-box #username-element, #password-forgotten-box input[type="text"] {
  margin-right: 8px;
}
#login .form-inline, #password-forgotten  .form-inline {
  margin-bottom: 5px;
}

.btn-primary {
  background-image: linear-gradient(to bottom, #256785 0px, #0d5678 100%);
  background-repeat: repeat-x;
  border-color: #256785;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #0d5678;
  background-position: 0 -15px;
}
#main-navigation li.with-bg {
  border-left: 1px solid #96b6c4;
  background-color: #f7fafb;
  width: 109px;
  height: 76px;
  text-align: center;
  vertical-align: middle;
  padding-top: 8px;
}
#main-navigation li.with-bg .fa {
  font-size: 60px;
  color: #195f7f;
}
#main-navigation .navbar-nav > li > a {
    padding: 0;
}
#main-navigation .navbar {
  background: #F7FAFB;
}
#login-information {
  padding-top: 3px;
}
table tr.even {
  background: #E6EEF1 !important;
}
#heading-text {
  font-size: 30px;
  padding-left: 220px;
}
nav a img:hover,
nav a img.active,
#main-navigation li.with-bg > .active,
#main-navigation li.with-bg:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.dataTables_filter {
  display: none;
}
.checkbox-group label {
  width: auto;
  margin: 0 10px;
}
.checkbox-group .label {
  width: 200px;
  color: rgb(51, 51, 51);
  display: inline-block;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  padding: 0;
  margin-bottom: 5px;
}
.tab-pane {
  padding: 8px;
}
.row.overview-icon {
  padding: 15px 0;
}

#loading-layer div {
font-weight: bold;
font-size: 18px;
}

#loading-layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  padding-top: 200px;
  display: none;
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.3);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#loading-layer i {
  font-size: 40px;
}
.read-news, .read-news  a {
  color: gray;
}
.unread-news, .unread-news a {
 font-weight: bold;
}
#wait-overlay i {
  font-size: 40px;
}
#wait-overlay {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
    /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.3);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  text-align: center;
  display: none;
  padding-top: 400px;
  font-size: 20px;
  text-shadow: 0 0 5px rgba(255,255,255, 1) ;
}