:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray-light: #f8f8f8;
  --color-gray: #e7e7e7;
  --color-gray-dark: #666666;
  --color-blue: #0066a4;
  --color-gold: #b1953a;
  --color-gold-dark: #8e772e;
  --color-green: #090;
}

body { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    color: var(--color-black);
    line-height: 1.2;
    padding: 0;
    margin: 0;
}

h1 { 
    font-size: 2.4rem; 
    font-weight: bold; 
    color: var(--color-black);
    line-height: 1.2; 
    padding: 0;
    margin: 0 0 16px 0;
}
h2 { 
    font-size: 1.8rem;
    font-weight: bold; 
    color: var(--color-blue);
    line-height: 1.2;
    padding: 0;
    margin: 0 0 16px 0;
}

p {
    padding: 0;
    margin: 0 0 24px 0;
}

.mb-3 {
    margin-bottom: 12px;
}

.btn-warning {
    color: var(--color-white);
    background-color: var(--color-gold);
    border-color: var(--color-gold);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    color: var(--color-white);
    background-color: var(--color-gold-dark);
    border-color: var(--color-gold-dark);
}

a.add,
a.add:visited  { 
    font-size: 1.4rem;
    font-weight: bold; 
    color: var(--color-green); 
    line-height: 1.2;
    text-transform: uppercase; 
}
a.edit,
a.edit:visited {
    font-size: 1.4rem;
    font-weight: bold; 
    color: var(--color-blue); 
    line-height: 1.2;
    text-transform: uppercase; 
}
a.copy, 
a.copy:visited { 
    font-size: 1.4rem;
    font-weight: bold; 
    color: var(--color-gold); 
    line-height: 1.2;
    text-transform: uppercase; 
}
a.delete, 
a.delete:visited { 
    font-size: 1.4rem;
    font-weight: bold; 
    color: var(--color-gray-dark); 
    line-height: 1.2;
    text-transform: uppercase; 
}


.navbar-default {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}
.navbar-default .navbar-nav > li > a {
    color: var(--color-white);
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: var(--color-blue);
    background-color: var(--color-white);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: var(--color-blue);
    background-color: var(--color-white);
}

.sidebar ul {
    list-style: none;
}
.sidebar > ul {
    margin-bottom: 24px;
}
.sidebar ul li span,
.sidebar ul li a {
    display: block;
    background-color: var(--color-gray-light);
    padding: 10px 15px;
    border-bottom: 1px solid var(--color-gray);
}
.sidebar ul li span {
    font-weight: bold;
    color: var(--color-blue);
}
.sidebar ul li a.active {
    background-color: var(--color-gray);
}
.sidebar ul li ul {
    padding: 0;
}
.sidebar ul li ul li a {
    padding-left: 30px;
}

.sidebar-login {
    background-color: var(--color-gray-light);
    padding: 20px;
    border: 1px solid var(--color-gray);
    border-radius: 4px;
}

table td h2 {
    margin: 0;
}

.footer { 
    color: var(--color-white);
    background-color: var(--color-gray-dark);
    padding-top: 30px;
    padding-bottom: 20px;
}
.footer a {
    color: var(--color-white);
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .footer .footer-links{
        text-align: right;
    }
}