.start-page-loading:before,
.login-bc {
    background-image: url('img/login-1.jpg');
}


.login-panel>.logo {
    background-image: url('img/logo.png');
}

.login-panel .controls .title {
    background-image: url(img/login-title.png);
    width: 110%;
    max-width: 110%;
    background-position: right;
}

#portal-logo {
    background-image: url(img/portal-logo.png);
}


#portal-logo {
    background-image: url(img/portal-logo.png);
    height: 36px;
    background-position: top left;
    margin-top: 18px;
}
#portal-logo:hover {
    background-position: 0 -72px;
}




/*group*/
.group-tab-slave {
    border: 1px solid #d3d5dd;
}

.group-tab.active {
        border: 1px solid #d3d5dd;
            border: 1px solid #a7a7a7;
    border-bottom: 1px solid white;
}
.group-tabs {
    border-bottom: solid 1px #d3d5dd;
}


/*notecollection*/
.note-collection {
    
}

.note-collection > .item-wrapper > .item {
    border: none;
}

.note-collection > .item-wrapper > .item.selected {
    border-color: transparent;
}

.note-collection > .item-wrapper > .item.red {
   background-color: #ff535321;
    color: #a50000;
}


.note-collection > .item-wrapper > .item.yellow {
    background-color: #ffdd0052;
    color: #352e01;
    border: none;
}
.note-collection > .item-wrapper > .item.blue {
    background-color: #6dfff05c;
    color: #000e29;
}


@media only screen and (max-width: 900px) {
    .login-panel {        
        top: 192px;        
    }

    .login-panel .controls .title {        
        width: 100%;
        max-width: 100%;
        background-position: center;
        background-size: contain;        
    }
}