html
{
    background-color:#f2f2f2 !important;
    font-family: "Open Sans", Arial;
}

body
{
    margin: 0 auto;
    min-height:100vh;
    width: 100%;
    color: #222;
    line-height:150%;
    position: relative;
    padding-top: 80px;
    background-color:#f2f2f2;
}

.navbar-nav li a.active
{
    color: #fff;
    font-weight: bold;
}

.content
{
    padding: 18px 24px;
}

.loginform 
{
    width:100%;
    margin:0 auto;
    padding-top:100px;
    max-width: 320px;
}

.loginform label
{
    width:100%;
}

.loginform label span
{
    display:block;
}

.loginform label span.center
{
    text-align:center;
}

.loginform label span a
{
    text-decoration:none;
    color:#000;
}

.loginform label span a:hover
{
    text-decoration:none;
    color:#d62637;
}

.parent_item {
    font-weight:bold;
    background-color:#eee;
}

.child_item {
    text-transform: lowercase;
}

@media screen and (max-width: 768px) {
    .side-collapse-container{
        width:100%;
        position:relative;
        left:0;
        transition:left .4s;
    }
    .side-collapse-container.out{
        left:200px;
    }
    .side-collapse {
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        position:fixed;
        overflow:hidden;
        transition:width .4s;
    }
    .side-collapse.in {
        width:0;
    }
}