.top-bar.expanded .title-area
{
    background: #666666;
    color: white;
    padding: 0;
}
.title-area
{
    height: 2.8125rem;
}
.title-area .name
{
    display: table;
    width: 100%;
}
.title-row
{
    display: table-row;
}
.title-text
{
    display: table-cell;
    padding-left: 0.9375rem;
}
.title-text2
{
    display: inline-block;
    line-height: 1.1rem;
    height: 2.8125rem;
}
.title-main
{
    line-height: 1.1rem;
    padding-top: 9px;
}
.title-text3
{
    float: right;
    line-height: 2.8125rem;
    height: 2.8125rem;
    line-height: 1rem;
    padding-top: 6px;
    padding-right: 2px;
}
.title_msg
{
    font-size: 60%;
    text-align: right;
    color: black;
    background-color: salmon;
    padding: 0 2px;
}
.title-loggedcount
{
    display: table-cell;
    padding: 0 8px 0 8px;
    cursor: pointer
    /*background-color: yellow;*/
}
.top-bar.expanded, .top-bar, .top-bar-section ul li
{
    background: #e0e0e0;
    color: black;
}
.top-bar-section li:not(.has-form) a:not(.button)
{
    background: #e0e0e0;
    color: black;
    padding: 0 0.4rem;
}
.top-bar.expanded .title-area-dev
{
    background: #BB2222;
    color: white;
}
.top-bar-dev.expanded, .top-bar-dev.expanded .top-bar-section li:not(.has-form) a:not(.button)
{
    background: #ff7777;
}
.top-bar-section li:not(.has-form) a:not(.button):hover
{
    background: #555555;
}
.name h1
{
    color: white;
}
.version
{
    position: relative;
    font-size: 8px;
    color: #dddddd;
    line-height: 0.8rem;
}
.cake-debug-output, .cake-error
{
    position: relative;
    z-index: 1000;
    left: 0;
    right: 0;
    border: 1px solid #000000;
}
.nospaceinput
{
    margin-top: -12px;
}
@media screen and (max-width: 1040px)
{
    .top-bar-section li:not(.has-form) a:not(.button)
    {
        padding: 0 0.18rem;
    }
}
@media screen and (max-width: 850px)
{
    .top-bar-section ul li a
    {
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 780px)
{
    .top-bar-section ul li a
    {
        font-size: 0.63rem;
    }
    .top-bar-section li:not(.has-form) a:not(.button)
    {
        padding: 0 0.12rem;
    }
}