body {
    font-family: Roboto, arial, sans-serif;
    line-height: 20px;
}

.left-sidebar {
    width: 194px;
}

.top-bar .logo {
    position: relative;
    top: 0px;
}

.top-bar div.logo {
    padding-left: 6px;
}

.logo img {
    height: 37px;
}

div.top-bar {
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0,0,0,.23),0 2px 5px rgba(0,0,0,.16);
    -webkit-transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
    transition: box-shadow .28s cubic-bezier(0.4,0,.2,1);
    margin-bottom: 10px;
    border-bottom: 0px;
}

a {
    color: #0045b5;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #003994;
    text-decoration: underline;
}

.green { background-color: #047004; }

.yellow { background-color: #707004; }

.orange { background-color: #704504; }

.red { background-color: #700404; }

.blue { background-color: #052e70; }

.black { background-color: #292d33; }

.darkgray { background-color: #667080; }

.gray { background-color: #9aa4b5; }

.lightgray { background-color: #ccd3de; }

.silver { background-color: #e1e6ed; }

.white { background-color: #fafcff; }