/* -------------------------------------------------- */
:root {
  --link-color: #4765b8;
  --header-bg: #223355;
  --header-hover-bg: #92a8d3;
  --header-color: White;
  --header-titles: #dae0f1;
  --button-primary: var(--header-bg);
  --button-primary-border: #4765b8;
  --button-info: #a3b2db;
  --button-info-border: #4765b8;
  --button-default: #edf0f8;
  --button-default-text: var(--button-primary);
  --button-default-border: var(--button-info);
}

/* base */

html
{
   font-size: 1rem;
}

body
{
   font-family: -apple-system, Helvetica, Arial, "Segoe UI", Roboto, sans-serif, "Segoe UI Symbol";
   font-size: 1rem;
}

a
{
   color: var(--link-color);
}

/* navbar */

.navbar-inverse
{
    background-color: var(--header-bg);

    -webkit-border-radius: 0;
    border-radius: 0;
}

.navbar-inverse .navbar-brand
{
    color: var(--header-color);
}

.navbar-inverse .navbar-nav
{
  font-size: 1.1rem;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover
.navbar-inverse .navbar-nav .open > a
{
    background-color: var(--header-hover-bg);
    color: var(--header-bg);
}

.navbar-inverse .navbar-nav > li > a
{
    color: var(--header-titles);
    font-weight: bold;
  border-radius: 2px;

}

.navbar-inverse .navbar-nav > li > a:hover
{
  color: var(--header-color);
}

div.app-title
{
    margin-bottom:30px;
}

/* buttons */

.btn-default
{
  color:  var(--button-default-text);
  background-color:  var(--button-default);
  border-color:  var(--button-default-border);
}

.btn-info
{
  background-color:  var(--button-info);
  border-color:  var(--button-info-border);
}

.btn-primary
{
  background-color:  var(--button-primary);
  border-color:  var(--button-primary-border);
}

/* image stuff */

div.app-icon
{
    float:left;
    margin-right:10px;
}

.floatright
{
    float: right;
}

img.resize
{
  max-width:75%;
  max-height:75%;
}

/* tables */
thead
{
  background-color: var(--header-bg);
  color: white;
}

/* callouts */

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-compact {
    padding: 5px;
    margin: 6px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/* carosel centering */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
    margin: auto;
}