﻿
html {
    font-family: 'HelveticaNeueLT', Arial, Helvetica, sans-serif;
}

body {
    font-family: 'HelveticaNeueLT', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'HelveticaNeueLT', Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.navbar {
    font-size: 16px;
    font-weight: bold;
    min-height: 40px;
}
.navbar-inverse {
    background-color: #3ebeac;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #131f47;
    background-color: transparent;
}
.navbar-inverse .navbar-nav.outer > .active > a,
.navbar-inverse .navbar-nav.outer > .active > a:hover,
.navbar-inverse .navbar-nav.outer > .active > a:focus {
  color: #ffffff;
  background-color: #131f47;
}

.navbar-inverse .navbar-nav.inner > .active > a,
.navbar-inverse .navbar-nav.inner > .active > a:hover,
.navbar-inverse .navbar-nav.inner > .active > a:focus {
  color: #131f47;
  background-color: transparent;
}


#system_message { width: 100%; padding:10px 30px 10px 10px; box-sizing: border-box; font-size: 16px; position: relative; margin-bottom: 15px; margin-top: 10px;}
#system_message.error { background-color: #ffcac9; border: 1px solid #b81817; }
#system_message.info { background-color: #c1f6ff; border: 1px solid #00a7c4; }
#system_message.success { background-color: #bdf7ee; border: 1px solid #3ebeac; }
#system_message.warning { background-color: #ffeebc; border: 1px solid #FFBF00; }
    #system_message.warning span { color: #FFBF00; }
    #system_message.error span { color: #b81817; }
    #system_message.success span { color: #3ebeac; }
    #system_message.info span { color: #00a7c4; }
    
    #system_message .exit { position: absolute; top: 10px; right: 10px; font-size: 20px; font-weight:bold; cursor:pointer; }

    #bodyContentInner #system_message { margin-top: 0; }

.watermark { background: url('/Content/Images/Outer/watermark.png') no-repeat; width: 80px; height: 80px; position: absolute; top: 41px; left: 236px; opacity: 0.1; }

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.panel {
    border: 0;
}
.panel-default > .panel-heading {
    color: white;
    background-color: #3ebeac;
}

.nav-tabs {
  /*border-bottom: 1px solid #3ebeac;*/
  font-weight: bold;
}
.nav-tabs > li > a {
  color: #ffffff;
  background-color: #575757;
}
.nav-tabs > li > a:hover {
  color: #3ebeac;
  background-color: #575757;
  border-color: #575757;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
   background-color: #3ebeac;
   border: 1px solid transparent;
   border-bottom-color: #3ebeac;
   color: #ffffff;
   cursor: default;
}

.tab-content {
   background-color: white;
}
.tab-pane {
   background-color: white;
}
.tab-pane h2 {
   background-color: #3ebeac;
   font-family: 'VAGRoundedStd', Arial, Helvetica, sans-serif;
   font-weight: 300;
   font-size: 16px;
   color: #ffffff;
   margin-top: 0px;
   padding-top: 5px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 5px;
   border-top-right-radius: 10px;
}
.tabInner {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

h2 span.text-right {
    float: right;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
      color: #ffffff;
      background-color: #575757;
      border-color: #575757;
}
.btn-sm,
.btn-group-sm > .btn {
    font-family: 'VAGRoundedStd', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #b3b3b3;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.fright { float: right; }

.member_btns { padding: 0px; position: absolute; top: 20px; right: 20px; max-width: 220px; }
.member_btns .btn { width: 100%; margin-bottom: 20px; height: 30px; line-height: 26px; }


.rolling_avg_target { width: 50px; text-align: center; }