:root {

    /*
    --body-bgcolor: #4e4a4a;
    --header-top-color: #4f4d4c;
    --header-bar-color: #5f5d5d;
    --header-text-color: #aaaaaa;
    --list-selected-color: #ff5500;
    --bubble-color: #d45211;
    --sector-transparent-bgcolor: #524e4d;
    */

    --body-bgcolor: #fafafa;
    --header-top-color: #eaeaea;
    --header-bar-color: #d3af00;
    --header-text-color: rgba(0, 0, 0, 0.533);
    --list-selected-color: #d3af00;
    --bubble-color: #222222;
    --sector-transparent-bgcolor: #eaeaea;

}

.sui-auth > .container > .modal > .logo { height:160px; }
.sui-auth > .container > .modal > .form .title { color:#2a2a2a; }
.sui-auth > .container > .modal > .form > ul { padding: 10px 32px; }

.sui-draggable { top:90px; }
.sui-aside.left > .logo { background-size: 110px; height: 90px; margin-bottom: 0; background-position: 20px 2px; }
.sui-aside.left > .navtools > li > span { display:none; }
.sui-aside.left > .navtools > li.navigation > mark { display:none; }

.sui-main > .header .logo { background-size: 128px; background-position: -32px center !important;  }
.sui-main > .sui-tabs .sector li.selected { background:rgba(0,0,0,0.255); }


@media screen and (max-width: 960px) {
    .sui-main > .sui-tabs .sector li.selected { background:rgba(0,0,0,0.2); }
    .sui-auth > .container > .modal > .logo { background-size: contain !important; }
    .sui-aside.left { background:var(--header-bar-color); }
    .sui-aside.left > .logo { background-size: 145px; height: 128px; margin-bottom: 0; background-position: 60px 10px; background-color: var(--header-bar-color); }
    .sui-aside.left > .navtools { background:rgba(0,0,0,0.075); margin-top: -48px; }
    .sui-aside.left > .navtools > li.selected { background:rgba(0,0,0,0.075); }
    .sui-aside.left > .navtools > li.navigation > mark { display:inline; }
    .sui-nav { top: 128px; }
}