/* ==========================================================================
   custom styles
   ========================================================================== */

body {
    padding-bottom: 20px;
}

#hd-logo 
{
    background: url("/reg/images/tx/profixio_logo_1606_85.png") no-repeat scroll 0 0 #5C6B4D;
    color: #424542;
    height: 85px;
    background-size: auto 85px;
}

@media (min-width: 768px) {
}


@media (min-width: 768px) {
    .p-sidebar {
        padding-left: 20px;
    }
}
.p-sidebar .nav > li > a {
    color: #999999;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 20px;
}
.p-sidebar .nav > li > a:hover, .p-sidebar .nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid #563D7C;
    color: #563D7C;
    padding-left: 19px;
    text-decoration: none;
}
.p-sidebar .nav > .active > a, .p-sidebar .nav > .active:hover > a, .p-sidebar .nav > .active:focus > a {
    background-color: rgba(0, 0, 0, 0);
    border-left: 2px solid #563D7C;
    color: #563D7C;
    font-weight: 700;
    padding-left: 18px;
}
.p-sidebar .nav .nav {
    display: none;
    padding-bottom: 10px;
}
.p-sidebar .nav .nav > li > a {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 1px;
    padding-left: 30px;
    padding-top: 1px;
}
.p-sidebar .nav .nav > li > a:hover, .p-sidebar .nav .nav > li > a:focus {
    padding-left: 29px;
}
.p-sidebar .nav .nav > .active > a, .p-sidebar .nav .nav > .active:hover > a, .p-sidebar .nav .nav > .active:focus > a {
    font-weight: 500;
    padding-left: 28px;
}
.p-sidebar .nav > .active > ul {
    display: block;
}