html {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;


    body {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        font-family: Roboto,"Helvetica Neue",sans-serif;

        [role=button] {
            outline: 0;
        }

        .page-body {
            margin: 0;
            padding: 0;
            width: 100%;
            text-align: center;

            .md-sidenav-backdrop.md-opaque {
                position: fixed;
            }

            .md-sidenav-left {
                overflow: auto;
                background: rgba(31, 30, 30, 0.909804);
                position: fixed;
                z-index: 2222;
                /*margin-top: 67px;*/
                max-width: 270px;
                min-width: 270px;
            }


            .md-sidenav-right {
                position: fixed;
            }

            .row {
                margin-right: 0px;
                margin-left: 0px;

                .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
                    padding-right: 0px;
                    padding-left: 0px;
                }
            }
        }
    }
}

.md-sidenav-left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    background: rgba(239, 239, 239, 0.56);
}

.md-sidenav-left::-webkit-scrollbar {
    width: 5px;
    background: rgba(177, 177, 177, 0.18);
}

.md-sidenav-left::-webkit-scrollbar-thumb {
    height: 5px;
    background: rgba(31, 30, 30, 0.909804);
}