.text-blue-light {
    color: #c6e4f1;
}

.text-blue-brand {
    color: #2297c7;
}

.text-blue-mid {
    color: #00799e;
}

.text-blue-gray {
    color: #1b3e48;
}

.text-blue-dark {
    color: #0f242b;
}

.text-cyan {
    color: #0fc;
}

.text-yellow-ghost {
    color: #fcf9e8;
}

.text-yellow-gold {
    color: #cdb122;
}

.text-yellow-mid {
    color: #a69300;
}

.text-red-ghost {
    color: #faecea;
}

.text-red-light {
    color: #da7671;
}

.text-red {
    color: #eb6652;
}

.text-white {
    color: #fff;
}

.text-gray-ghost {
    color: #f6f8fa;
}

.text-gray-silver {
    color: #dfe7ea;
}

.text-gray-mid {
    color: #93a4aa;
}

.text-gray-dark {
    color: #5e7178;
}

.bg-blue-light {
    background-color: #c6e4f1;
}

.bg-blue-brand {
    background-color: #2297c7;
}

.bg-blue-mid {
    background-color: #00799e;
}

.bg-blue-gray {
    background-color: #1b3e48;
}

.bg-blue-dark {
    background-color: #0f242b;
}

.bg-cyan {
    background-color: #0fc;
}

.bg-yellow-ghost {
    background-color: #fcf9e8;
}

.bg-yellow-gold {
    background-color: #cdb122;
}

.bg-yellow-mid {
    background-color: #a69300;
}

.bg-red-ghost {
    background-color: #faecea;
}

.bg-red-light {
    background-color: #da7671;
}

.bg-red {
    background-color: #eb6652;
}

.bg-white {
    background-color: #fff;
}

.bg-gray-ghost {
    background-color: #f6f8fa;
}

.bg-gray-silver {
    background-color: #dfe7ea;
}

.bg-gray-mid {
    background-color: #93a4aa;
}

.bg-gray-dark {
    background-color: #5e7178;
}

body,html {
    height: 100%;
    margin: 0;
    padding: 0;
}

#site-content {
    background: #0f242b url("/css/nav/images/Stripe_Diagonal_Black_35-2833301799._V_.png") repeat;
    display: table;
    height: 100%;
    position: relative;
}

#site-content #main-content {
    background-color: #fff;
    display: table-cell;
    padding-bottom: 264px;
    vertical-align: top;
    width: 100%;
}

#site-content #main-content #page-content {
    width: 978px;
    padding: 39px;
}

#left-nav {
    display: block;
    height: 100%;
    vertical-align: top;
    width: 222px;
}

#left-nav .logo {
    background: #2297c7;
}

.sprites {
    background-image: url("/images/logos-sprite.png");
    background-repeat: no-repeat;
} 

#left-nav .logo a {
    background-position: -10px -10px;
    display: inline-block;
    height: 19px;
    margin: 35px 30px 30px 30px;
    vertical-align: middle;
    width: 162px;
}

#left-nav>ul {
    font-weight: 600;
}

#left-nav>ul>li {
    border-bottom: 2px #1b3e48 solid;
}

#left-nav>ul>li>a,
#left-nav>ul>li>span {
    border-left: 6px solid transparent;
    padding: 23px 0 23px 30px;
}

#left-nav>ul>li>a.active {
    border-left-color: #cdb122;
}

#left-nav>ul>li>a:hover {
    border-left-color: #a69300;
}

#left-nav>ul>li.project-list {
    padding: 14px 0;
}

#left-nav>ul>li.project-list ul>li {
    font-weight: 400;
}

#left-nav>ul>li.project-list ul>li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    padding: 10px 32px;
}

#left-nav>ul>li.project-list ul>li a.active {
    background-color: #00799e;
}

#left-nav>ul>li.project-list ul>li a:hover {
    background-color: #0f242b;
}

#left-nav>ul>li.project-list ul>li a .glyphicon-plus {
    margin-right: 7px;
}

#left-nav>ul>li a,#left-nav>ul>li>span,#left-nav>ul>li a:hover,#left-nav>ul>li a:link,#left-nav>ul>li a:active {
    color: inherit;
    display: block;
    text-decoration: none;
}

#top-nav {
    background: url("/css/nav/images/Stripe_Diagonal_Blue-1955916192._V_.png") repeat;
    height: 84px;
}

#top-nav ul.nav>li>a {
    color: #00799e;
    padding: 0 10px;
}

#top-nav ul.nav>li>a,#top-nav ul.nav>li>a:hover,#top-nav ul.nav>li>a:focus {
    background: 0;
    font-weight: 600;
}

#top-nav ul.nav.navbar-left {
    margin-left: 53px;
}

#top-nav ul.nav.navbar-left>li+li {
    margin-left: 58px;
}

#top-nav ul.nav.navbar-left>li>a {
    border-bottom: 6px solid transparent;
    border-top: 9px solid transparent;
    font-size: 16px;
    line-height: 69px;
}

#top-nav ul.nav.navbar-left>li>a.active {
    border-bottom-color: #cdb122;
    color: #1b3e48;
}

#top-nav ul.nav.navbar-left>li>a:hover {
    border-bottom-color: #a69300;
}

#top-nav ul.nav.navbar-right {
    margin-right: 29px;
}

#top-nav ul.nav.navbar-right>li>a {
    padding: 10px;
}

#top-nav ul.nav.navbar-right>li.shopping-cart {
    margin: 20px 0;
}

#top-nav ul.nav.navbar-right>li.shopping-cart>a {
    min-width: 53px;
    padding: 10px 1px;
}

#top-nav ul.nav.navbar-right>li.shopping-cart>a .glyphicon-shopping-cart {
    color: #00799e;
    font-size: 24px;
    vertical-align: text-bottom;
}

#top-nav ul.nav.navbar-right>li.shopping-cart>a .badge {
    margin-left: -3px;
}

#top-nav ul.nav.navbar-right>li.dropdown {
    margin: 15px 0 0 0;
}

#top-nav ul.nav.navbar-right>li.dropdown>a {
    position: relative;
}

#top-nav ul.nav.navbar-right>li.dropdown>a,#top-nav ul.nav.navbar-right>li.dropdown>a:hover,#top-nav ul.nav.navbar-right>li.dropdown>a:focus {
    background: 0;
}

#top-nav ul.nav.navbar-right>li.dropdown>a.dropdown-toggle {
    border: 1px solid transparent;
    border-bottom: 0;
    min-width: 195px;
}

#top-nav ul.nav.navbar-right>li.dropdown>a .avatar {
    margin-right: 8px;
}

#top-nav ul.nav.navbar-right>li.dropdown>a .avatar.man {
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-image: url("/css/nav/images/avatars-3829445687._V_.png");
    height: 33px;
    width: 32px;
    background-position: 0 0;
}

#top-nav ul.nav.navbar-right>li.dropdown>a .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1b3e48;
    display: inline-block;
    margin-right: 19px;
    max-width: 130px;
    vertical-align: middle;
}

#top-nav ul.nav.navbar-right>li.dropdown>a .caret {
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
}

#top-nav ul.nav.navbar-right>li.dropdown.open {
    -webkit-box-shadow: 1px 2px 15px rgba(15,36,43,0.25);
    box-shadow: 1px 2px 15px rgba(15,36,43,0.25);
}

#top-nav ul.nav.navbar-right>li.dropdown.open .dropdown-toggle {
    background: #fff;
    border-color: #c6e4f1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: 2;
}

#top-nav ul.nav.navbar-right>li.dropdown.open .dropdown-menu {
    -webkit-box-shadow: 1px 2px 15px rgba(15,36,43,0.25);
    box-shadow: 1px 2px 15px rgba(15,36,43,0.25);
    border: 1px solid #c6e4f1;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 0;
    min-width: 195px;
    padding-top: 0;
    top: 54px;
    width: 100%;
    z-index: 1;
}

#top-nav ul.nav.navbar-right>li.dropdown.open .dropdown-menu>li>a {
    color: #00799e;
    font-weight: 600;
    padding: 8px 22px;
}

#top-nav ul.nav.navbar-right>li.dropdown.open .dropdown-menu>li>a:hover,#top-nav ul.nav.navbar-right>li.dropdown.open .dropdown-menu>li>a:focus {
    background: #c6e4f1;
    color: #1b3e48;
}