html,body {
    overflow-x: hidden;    
}

footer {
    padding: 30px 0;
}
.close-link {
    cursor:pointer;
    text-decoration:none;
    font-size:10px;
    display:inline-block;
    background:#f5f5f5;
    width:69px;
}

.maincontent {
    margin-top: 40px;
}
.maincontent a {
    text-decoration:underline;
}

.btn.browse {
    position: absolute;
    right: 2px;
    top: 3px;
}

.btn.browse.browse-fixed {
    position:fixed;
    right: 18px;
    top:72px;
}

.leftnav-container {
    width: 95%;
    font-size: 0.875em;
}

#sidebar .list-group-item {
    text-decoration:none;
}

@media screen and (max-width: 991px) {
    .row-offcanvas {
        position: relative;
        -moz-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
        -webkit-transition: all .25s ease-out;
		    transition: all .25s ease-out;
    }
    .row-offcanvas-right {
        right: 0;
    }

        .row-offcanvas-right .sidebar-offcanvas {
            right: -85%;
        border:1px solid lightgrey;
        border-radius:4px;
            box-shadow: -6px 1px 18px -6px grey;
        -webkit-box-shadow:-6px 1px 18px -6px grey;
        -moz-box-shadow:-6px 1px 18px -6px grey;
        background:#f5f5f5;
        padding:12px;
            z-index:11;
    }
    .sidebar-offcanvas {
        position: absolute !important;
        top: 0 !important;    
        width: 80% !important;
    }	  
    .active .maincontent {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }		
}

@media screen and (max-width: 600px) {
    .row-offcanvas-right.active {
        right: 75% !important;
    }
}

@media screen and (max-width: 768px) {
    .row-offcanvas-right.active {
        right: 85% !important;
    }
}

@media screen and (min-width: 768px) {

    .container {
        width: 98%;
    }

    .row-offcanvas-right.active {
        right: 75% !important;
    }

    .leftnav-container {
        width: 85% !important;
    }
}
		
@media screen and (max-width: 480px) {
    .PermissionButton {
        display: none;
    }

    .row-offcanvas-right  .sidebar-offcanvas {
        background: #f5f5f5 none repeat scroll 0 0;
        border:1px solid lightgrey;
        border-radius:4px;
        box-shadow:-6px 1px 18px -6px grey;
        padding:8px;
        right: -86%;
    }

    .row-offcanvas-right.active {
        right: 95% !important;
    }

    .leftnav-container {
        width: 95% !important;
    }
}
		
@media (min-width: 1200px) {
    .col-md-4 {
        width: 28.3333% !important;
    }

    .leftnav-container {
        width: 95% !important;
    }
}
		
@media (min-width: 1400px) {
    .col-md-4 {
        width: 25.3333% !important;
    }

    #sidebar {
        margin-left: 5%;
    }
}