/* ---- layout --- */
body, html {
    height: 100%;
    background-color: #eee;
}

body {
    /*font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;*/
}

#sidenav {
    background: #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    min-height: 100%;
    height: 100%;
}

table {
    width: 100%;
}


/* ---- header ---- */
.appbar-brand {
    font-size: 20px;
}
#appbar-inner a{
    color: #FFF;
}
#appbar-cell-right{text-align:right}
#appbar-cell-right a{
    margin-left:20px;
    text-align:right;
}

/* ---- home page -- */
#hero-panel {
    margin-top: 20px;
}
#sidenav .mui-appbar{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#sidenav h2{padding-left:22px;margin:0}#sidenav h2 a{color:rgba(0,0,0,.26)}#sidenav h2 a:hover{text-decoration:none}#sidenav ul{list-style:none}#sidenav>ul{padding-left:0;font-size:13px}#sidenav>ul>li:first-child{padding-top:15px}#sidenav strong{display:block;padding:15px 22px;cursor:pointer}#sidenav strong:hover{background-color:#E0E0E0}#sidenav strong+ul>li{padding:6px 0}#sidenav a.active{color:#FF4081}#g-flashes{position:fixed;top:0;right:0;z-index:2}#g-flashes li{font-size:13px;color:#FFF;background-color:#000;padding:2px 6px;margin:2px}.highlight pre{padding:10px;font-size:.9em}.varname,p code{background-color:#F5F5F5;color:#F44336;padding:1px}



/* ---- code ---- */
.highlight {
    background: #f8f8f8;
}

/* ---- bugs in MUI ---- */
.mui-panel:after {
    
}


/* ---- Icons ---- */
@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot');
    src:url('fonts/icomoon.eot') format('embedded-opentype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
    content: "\e902";
}

.icon-droplet:before {
    content: "\e90b";
}

.icon-book:before {
    content: "\e91f";
}

.icon-bug:before {
    content: "\e999";
}

.icon-pie-chart:before {
    content: "\e99a";
}

.icon-menu:before {
    content: "\e9bd";
}

.icon-twitter:before {
    content: "\ea91";
}

.icon-twitter3:before {
    content: "\ea93";
}

.icon-github:before {
    content: "\eab1";
}

.icon-github2:before {
    content: "\eab2";
}



/** ----- contributors ----- */
.contributors ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contributors li {
    list-style: none;
    padding: 10px;
    display:inline-block;
}
.contributors li img {
    width: 50px;
    height: 50px;
}
.contributors li span {
    display: block;
}