.navbar-default {
    background: #d18330;
    border-color: #d6a672;
}
.navbar-brand {
    padding-top: 10px;
}
.container-full-width {
    margin: 0 5px;
    overflow-x: hidden;
}
.page-header {
    margin: 2px 5px 20px 5px;
}
h1.page-header a {
    background: #d6d3d0;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #666;
    margin-left: -5px;
    padding: 0 0 0 5px;
    margin-right: 8px;
}
h1.page-header a:hover {
    text-decoration: none;
    border: 1px solid rgba(0,0,0,.4);
}
h1.page-header .fa {
    font-size: 4rem;
}
.panel-heading i.fa {
    color: rgba(234,234,234,0.8);
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-right: 4px;
    font-size: 140%;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(255,255,252,.3);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #4a1900;
    background-color: rgba(255,255,252,.7);
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #4a1900;
    background-color: rgba(255, 255, 255, .2);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #262626;
    background-color: #efc292;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    background-color: #ffebd5;
}

.tooltip ul {
    padding: 5px 2px 0px 15px;;
}
.tooltip li {
    text-align: left;
    margin-top: 5px;
}

a.label img {
    vertical-align: middle;
    margin: -3px 2px -2px -4px;
}
.text-right a.label img {
    vertical-align: middle;
    margin: -2px -4px -2px 4px;
    float: right;
}

/* dark-theme */
body {
    background: #3a3732;
    color: #e8e7e6;
}
.page-header {
    border-bottom: 1px solid rgba(234,234,234,.4);
}
.panel-default {
    border-color: rgba(234,234,234,.3);
    border-bottom-color: rgba(234,234,234,.4);
}
a {
    color: #8eb4cb;
}
a:hover, a:focus {
    color: #a9dcfb;
}
.panel {
    background-color: #272b33;
}
.panel-default > .panel-heading {
    color: #4a4842;
    background-color: #e6a967;
    border-color: rgba(234,234,234,.4);
}
.panel-footer {
    background-color: rgba(234, 234, 234, .3);
    border-top: 1px solid rgba(234, 234, 234, .3);
}
h1.page-header a {
    background: rgba(234, 234, 234, .5);
    color: #fff;
}
h1.page-header a:hover {
    border: 1px solid rgba(234, 234, 234, .5);
}

.form-control {
    color: #eae9e8;
    background-color: #3a3732;
    border: 1px solid rgba(0, 0, 0, 0.11);
}

/* dev theme */
body.dev .navbar {
    background: #007f7e;
}
body.dev .navbar-default {
    border-color: #4fa59f;
}
body.dev .panel-default > .panel-heading {
    color: #02324a;
    background-color: #4fa59f;
}
body.dev .navbar-default .navbar-nav > .active > a,
body.dev .navbar-default .navbar-nav > .active > a:hover,
body.dev .navbar-default .navbar-nav > .active > a:focus {
    color: #003b3a;
    background-color: rgba(255,255,252,.7);
}
body.dev .navbar-default .navbar-brand:hover,
body.dev .navbar-default .navbar-brand:focus,
body.dev .navbar-default .navbar-nav > li > a:hover,
body.dev .navbar-default .navbar-nav > li > a:focus {
    color: #d4e6e5;
    background-color: rgba(255, 255, 255, .2);
}
body.dev .dropdown-menu > li > a:hover,
body.dev .dropdown-menu > li > a:focus {
    background-color: #d4e6e5;
}
body.dev .dropdown-menu > .active > a,
body.dev .dropdown-menu > .active > a:hover,
body.dev .dropdown-menu > .active > a:focus {
    background-color: #4fa59f;
}