/* ===== GLOBAL LINK COLORS ===== */
a,
a:visited {
  color: #0072ce; /* strong blue */
}

a:hover,
a:focus {
  color: #2596be; /* lighter blue */
  text-decoration: none;
}

/* ===== HEADERS ===== */
h1, h2, h3, h4, h5, h6 {
  color: #333;
}

h1 a, h2 a, h3 a, h4 a {
  color: #0072ce;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  color: #2596be;
}

/* ===== NAVBAR BACKGROUND ===== */
.navbar-default {
  background-color: #7cd6c9 ; /*#0072ce*/
  border-color: #005fa3;
}

.navbar-default .navbar-brand {
  color: #ffffff;
}

.navbar-default .navbar-brand:hover {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover {
  background-color: #2596be;
  color: #ffffff;
}

/* active page */
.navbar-default .navbar-nav > .active > a {
  background-color: #005fa3;
  color: #ffffff;
}

.navbar-default .navbar-nav > .active > a:hover {
  background-color: #004c82;
  color: #ffffff;
}

/* ===== NAVBAR DROPDOWN ===== */
.navbar-default .dropdown-menu {
  background-color: #ffffff;
}

.navbar-default .dropdown-menu > li > a {
  color: #666;
}

/* Hover inside dropdown */
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > a.active {
  background-color: #e6f3fb;
  color: #0072ce !important;
}

/* ===== TABLE OF CONTENTS ===== */
#TOC {
  background-color: #f0f8fc;
  border-left: 4px solid #0072ce;
  padding: 10px;
}

#TOC a {
  color: #0072ce;
}

#TOC a:hover {
  color: #2596be;
}

/* ===== HOVER CHUNK ===== */
.hoverchunk {
    border: 1px solid #ccc;
    background-color: #f0f8fc;
    border-radius: 3px;
    padding: 10px 8px 5px 8px;
    font-family: monospace, sans-serif;
    margin-top: .5em;
}

.hoverchunk:hover {
    border: 1px solid #0072ce;
    background-color: #e6f3fb;
}

/* ===== TOOLTIP ===== */
.tooltipr {
    position: relative;
    display: inline-block;
}

.tooltipr .tooltiprtext {
    display: none;
    width: 200px;
    background-color: #0072ce;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -100px;
}

.tooltipr:hover .tooltiprtext {
    display: block;
}

.tooltipr:hover {
    background-color: #e6f3fb;
    border-radius: 6px;
}

/* ===== TABS ===== */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f0f8fc;
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.tab button:hover {
    background-color: #e6f3fb;
}

.tab button.active {
    background-color: #0072ce;
    color: #fff;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* ===== SMALL TEXT ===== */
.expand-caption {
   font-size: .8em;
   color: #777;
   padding-left: 60px;
}

.note {
  padding-left: 20px;
  color: #777;
  font-size: .8em;
}

/* ===== CODE FONT ===== */
.rconsole {
	font-family: Monaco, Consolas, "Lucida Console", monospace;
	font-size: .75em;
}

/* ===== TABLES ===== */
.fancytable {
  width: 100%;
}

.fancytable th {
  border-bottom: 1px solid #ccc;
  padding: 12px;
}

.fancytable td {
  padding: 12px;
  vertical-align: top;
}

/* ===== IMAGE HOVER ===== */
.myhover {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  width: 125px;
  height: 105px;
}

.myhover:hover {
  box-shadow: 0 0 2px 1px rgba(0, 114, 206, 0.5);
}

/* ===== GRAPH GALLERY ===== */
.gallerygraphs {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  width: 200px;
  height: 150px;
}

.gallerygraphs:hover {
  box-shadow: 0 0 2px 1px rgba(0, 114, 206, 0.5);
}

/* ===== TOOLTIP IMAGE ===== */
.tooltipimage {
    position: relative;
    display: inline-block;
}

.tooltipimage .tooltipimagetext {
    display: none;
    width: 200px;
    background-color: #0072ce;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
}

.tooltipimage:hover .tooltipimagetext {
    display: block;
}

.tooltipimage:hover {
    background: radial-gradient(circle at 50% 30%, #e6f3fb, #ffffff);
    border-radius: 6px;
}

/* ===== FOOTER ===== */
.site-footer {
  margin-top: 40px;
  padding: 20px 10px;
  font-size: 12px;
  color: #666;
}

.footer-left {
  max-width: 900px;
}