﻿.headerFont {
  font-family: 'Ubuntu', sans-serif;
}
.bodyFont {
  font-family: verdana, helvetica, arial, clean, sans-serif;
}
.ui-widget-header {
  font-family: 'Ubuntu', sans-serif;
}
/*#region Bootstrap Theme Overrides */
.navbar {
  box-shadow: 0px 0px 5px #777;
  border-radius: 0;
}
.navbar .navbar-nav {
  margin-top: 17px;
}
.navbar-brand {
  font-family: 'Ubuntu', sans-serif;
  padding: 5px;
  height: auto;
}
.navbar-brand > img {
  height: 75px;
  display: inline-block;
}
.control-label {
  font-size: 11px;
  margin-bottom: 2px;
  font-weight: normal;
}
.control-label-checkbox {
  font-size: 11px;
  vertical-align: middle;
  margin-bottom: 8px;
  font-weight: normal;
}
.input-sm {
  font-size: 11px;
}
select.input-sm,
input[type=text].input-sm,
input[type=number].input-sm,
input[type=password].input-sm {
  height: 26px;
  padding: 0px;
  padding-left: 5px;
}
input[type=checkbox].input-sm {
  height: 15px;
  margin-top: 30px;
}
.input-group-sm .input-group-addon {
  padding: 2px 7px;
  height: 26px;
}
.help-block {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 11px;
}
.popover-validation-error {
  border: 1px solid #a94442;
}
.popover-validation-error .popover-content {
  padding: 5px;
}
.popover-validation-error .arrow {
  border-top-color: #a94442 !important;
}
.form-group {
  margin-bottom: 4px;
}
button[class*=multiselect].btn-sm {
  height: 26px;
  padding: 0px;
  padding-left: 10px;
  padding-right: 8px;
}
.caret {
  border-top: 6px solid;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  margin-bottom: 3px;
}
textarea {
  resize: none;
}
.tooltip-inner {
  background-color: #404041;
}
.tooltip-arrow,
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #404041;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #404041;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #404041;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #404041;
}
.text-nowrap {
  white-space: nowrap;
}
.btn:not(.btn-default):not(.btn-link) {
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
}
/*#endregion Bootstrap Theme Overrides */
/*#region Layout*/
html {
  background: none;
  height: 100%;
}
body {
  height: 100%;
  font-family: verdana, helvetica, arial, clean, sans-serif;
}
body .max-height {
  height: 100%;
}
#content-container {
  height: 100%;
  padding-bottom: 40px;
  overflow: visible;
}
#content-header h1 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 8px 0 10px 0;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
  display: inline-block;
}
html.no-textshadow #content-header h1 {
  filter: shadow(Color=#000000, Direction=135, Strength=2);
}
html.no-cssgradients #content-header h1 {
  height: 20px;
}
#content {
  background: #FFF;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding-bottom: 40px;
}
html.no-boxshadow #content {
  border: solid 1px #404041;
}
footer#main-footer {
  background: white;
  box-shadow: 0 1px 5px #777;
  color: #404041;
  height: 30px;
  line-height: 20px;
  padding: 5px 0;
  font-size: 0.65em;
}
footer#main-footer p {
  padding: 0;
  margin: 0;
}
footer#main-footer a {
  color: #689F38;
}
footer#main-footer a:hover {
  color: #37541d;
}
figure figcaption {
  font-style: italic;
  color: #404041;
  font-size: 0.9em;
}
figure.pull-left {
  margin-right: 10px;
}
figure.pull-right {
  margin-left: 10px;
}
#about-modal figure {
  margin-bottom: 10px;
}
#about-modal div.well {
  margin-top: 10px;
  margin-bottom: 10px;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
/*#endregion Layout*/
/*#region Menu*/
div.navbar.navbar-inverse {
  background: #404041;
  font-family: 'Roboto', sans-serif;
}
div.navbar.navbar-inverse .navbar-brand > img {
  display: inline-block !important;
}
div.navbar.navbar-inverse .navbar-nav li {
  text-transform: uppercase;
}
div.navbar.navbar-inverse .navbar-nav li + li {
  border-left: solid 1px #4d4d4e;
}
div.navbar.navbar-inverse .navbar-nav li a {
  color: #c0c0c0;
  text-shadow: 1px 1px 1px #000;
  font-size: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
div.navbar.navbar-inverse .navbar-nav li a i {
  font-size: 1.3333em;
}
div.navbar.navbar-inverse .navbar-nav li a i + span {
  display: inline-block;
  margin-left: 5px;
}
div.navbar.navbar-inverse .navbar-nav li a:hover {
  background: #666668;
}
div.navbar.navbar-inverse .navbar-nav li.active a {
  background: #666668;
  color: #c0c0c0;
}
div.navbar.navbar-inverse .navbar-nav > li:nth-child(n+5) i + span {
  display: none;
}
div.navbar.navbar-inverse .navbar-nav.Referrals li#Referrals > a,
div.navbar.navbar-inverse .navbar-nav.Donors li#Donors > a,
div.navbar.navbar-inverse .navbar-nav.Tissues li#Tissues > a,
div.navbar.navbar-inverse .navbar-nav.Requests li#Requests > a,
div.navbar.navbar-inverse .navbar-nav.Reports li#Reports > a,
div.navbar.navbar-inverse .navbar-nav.Admin li#Admin > a,
div.navbar.navbar-inverse .navbar-nav.Dashboard li#Dashboard > a,
div.navbar.navbar-inverse .navbar-nav.SRS li#SRS > a,
div.navbar.navbar-inverse .navbar-nav.Research li#Research > a,
div.navbar.navbar-inverse .navbar-nav.Quality li#Quality > a {
  background: #666668;
  color: #c0c0c0;
}
div.navbar.navbar-inverse .navbar-nav .dropdown-submenu {
  position: relative;
}
div.navbar.navbar-inverse .navbar-nav .dropdown-submenu > .dropdown-menu {
  background: #404041;
  top: 0px;
  left: 100%;
  padding: 0;
  margin-top: -1px;
  margin-left: -1px;
  box-shadow: 1px 1px 4px #000;
  border-radius: 0px;
}
div.navbar.navbar-inverse .navbar-nav .dropdown-submenu > .dropdown-menu li + li {
  border-left: 0 none;
  border-top: solid 1px #4d4d4e;
}
div.navbar.navbar-inverse .navbar-nav .dropdown-submenu > .dropdown-menu li a {
  line-height: 2em;
  padding: 3px 12px;
}
div.navbar.navbar-inverse .navbar-nav .dropdown-submenu > a:after {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 2em;
  font-size: 0.75em;
  -webkit-font-smoothing: antialiased;
  content: "\e080";
  margin-top: 3px;
  position: absolute;
  right: 10px;
}
div.navbar.navbar-inverse .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
div.navbar.navbar-inverse .navbar-nav .dropdown-submenu:hover > a:after {
  border-left-color: #c0c0c0;
}
div.navbar.navbar-inverse .navbar-nav > .dropdown-submenu > .dropdown-menu {
  top: 50px;
  left: 0;
}
div.navbar.navbar-inverse .navbar-nav > .dropdown-submenu > a:after {
  content: "";
}
@media (min-width: 768px) and (max-width: 991px) {
  div.navbar.navbar-inverse .navbar-nav > li > a > span {
    display: none !important;
  }
}
@media (min-width: 992px) {
  div.navbar.navbar-inverse .navbar-nav > li:nth-child(n+5) i + span {
    display: none;
  }
}
/*#endregion Menu*/
/*#region Headings*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ubuntu', sans-serif;
}
/*#endregion Headings*/
.icon {
  position: relative;
  top: -10px;
}
.logged-out iframe {
  display: none;
  width: 0;
  height: 0;
}
.page-header {
  margin: 10px 0;
}
.page-consent .client-logo {
  float: left;
}
.page-consent .client-logo img {
  width: 80px;
  height: 80px;
}
.page-consent .consent-buttons {
  margin-top: 25px;
}
.page-consent .consent-form .consent-scopecheck {
  display: inline-block;
  margin-right: 5px;
}
.page-consent .consent-form .consent-description {
  margin-left: 25px;
}
.page-consent .consent-form .consent-description label {
  font-weight: normal;
}
.page-consent .consent-form .consent-remember {
  padding-left: 16px;
}
.grants .page-header {
  margin-bottom: 10px;
}
.grants .grant {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
}
.grants .grant img {
  width: 100px;
  height: 100px;
}
.grants .grant .clientname {
  font-size: 140%;
  font-weight: bold;
}
.grants .grant .granttype {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant .created {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant .expires {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant li {
  list-style-type: none;
  display: inline;
}
.grants .grant li:after {
  content: ', ';
}
.grants .grant li:last-child:after {
  content: '';
}
.external-providers {
  margin-top: 40px;
}
.external-providers a.adfs {
  font-size: 18px;
}