/*
 * FLOCK Variables 
 */
/* Declaration */
:root {
  --pacific-blue: #002755;
  --sky-blue: #0071CE;
  --hot-orange: #DE6B30;
  --moraine-blue: #00C9D4;
  --sand: #EFE4B2;
}



[aria-current] {
  font-weight: 900 !important;
}

.portalPage {
  padding: 0px 0px 0px 36px;
  width: 100%;
}

.portalDescText {
  width: 75%;
}

.portalInfoArea {
  background: #f2f2f2;
  padding: 20px;
}

.portalInfoBox {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 10px 10px;
  background: rgba(250, 250, 250, 0.9);
  width: 100%;
  /* height: 500px; */
  color: #31323a;
  text-align: right;
}

.portalButton {
  padding-left: 30px;
  padding-right: 30px;
  /* position: absolute; */
  margin-top: 5px;
  bottom: 35px;
  font-weight: 500;
  background-color: transparent !important;
  color: var(--sky-blue);
  transition: all 0.5s;
  right: 35px;
}

.portalButton:hover {
  background-color: var(--sky-blue) !important;
  color: white;
}

.portalButton:actve {
  background-color: var(--sky-blue) !important;
  color: white;
}

.portalButton:focus {
  background-color: var(--sky-blue) !important;
  color: white;
}

.portalInfoBox h4 {
  color: var(--sky-blue);
  font-size: 24px;
  margin: 15px;
}

.navbar-static-top {
  background-color: #ffffff !important;
}

.navbar-static-top a {
  color: #000000;
}

.navbar-brand a {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: px; /* identical to box height */
}

.navbar-brand .xrm-attribute-value img {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.navbar {
  background-color: #ffffff !important;
}

.weblinks > li > a:hover {
  background-color: #f3f2f1 !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--pacific-blue);
}

.navbar-inverse .navbar-toggle:hover {
  background-color: #f0f0f3;
  border-color: #ffffff;
}

.navbar-inverse .navbar-toggle {
  border-color: #ffffff !important;
}

navbar-toggle .icon-bar {
  width: 22px;
  height: 3px !important;
  border-radius: 12px;
}

.navbar-inverse .navbar-toggle:focus {
  background-color: #ffffff;
}
/* New Styles*/
@media (max-width: 768px) {
  div.page-copy {
    margin-bottom: 0px;
    visibility: hidden;
    height: 0;
  }

  .navbar-brand > img {
    margin-top: 4px;
    margin-bottom: 3px;
    width: auto !important;
  }
}

/*Override of bootstrap styles for accessability contrast rations*/
a.dropdown-toggle:focus {
  border: 2px solid black !important;
}

/****************/
/* Flock styles */
/****************/
li.weblink a:hover {
    color: var(--pacific-blue) !important;
}

/* Front Page */
div#mch-message-card h4 {
    color: #ffffff;
}

/* Navbar */

div.navbar-header a.navbar-brand span {
    color: var(--pacific-blue) !important;
}

div.navbar-header span#safari-align-logo {
    color: var(--pacific-blue) !important;
}

span.username, span.caret {
    color: var(--pacific-blue) !important;
}

ul.dropdown-menu li a {
    color: var(--pacific-blue) !important;
}

ul.dropdown-menu li a:hover {
    color: var(--sky-blue) !important;
}

/* Mobile Navbar */
.navbar-inverse .navbar-nav > li > a {
    color: var(--sky-blue);
}

/* Side Navbar */
#side-nav li a, #side-nav a {
    color: var(--pacific-blue) !important;
}

#side-nav li a:hover, #side-nav a:hover {
    color: var(--pacific-blue) !important;
}

/* Main Body */
.patient-right-column {
    background-color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--pacific-blue);
}

label.field-label {
    color: var(--pacific-blue) !important;
}

a.sub-title {
    color: var(--pacific-blue) !important;
}

.sub-section li:hover {
    background-color: #f2f9fa !important;
}

/* Main button on 'Add Detail' pages */
div.input-group.pull-left a.btn.btn-primary:first-child {
    margin-top: 8px;
    margin-right: 8px;
}

/* Toolbar on pages */
.view-toolbar.grid-actions.clearfix {
    background-color: #EDEBE9;
}

/* Navigation buttons - bottom of add detail pages */
.record-navigation {
    padding-bottom: 20px;
}

/* TEMPORARY HACKS */
div#my-medications {
    display: none !important;
}

/* Add medication: Medications Example */

/* Inbox message */
#inbox-count {
  background-color: var(--hot-orange);
}