@font-face {
    font-family: "piconsthin";
    src: url("/picons/piconsthin.eot");
    src: url("/picons/piconsthin.eot?#iefix") format("embedded-opentype"),
    url("/picons/piconsthin.woff") format("woff"),
    url("/picons/piconsthin.ttf") format("truetype"),
    url("/picons/piconsthin.svg #piconsthin") format("svg");
}

body{
    margin:0px;
    padding:0px;
    min-height: 100%;
}

#global{
    display:grid;
}

#header{}

#content{}

.container{
    max-width:1470px;
    margin:0px auto;
}

.centred{
    margin:0px auto;
}

#footer{
    background:#9aa6af;
}

.adminBarBox{
    position:fixed;
    bottom:0px;
    width:100%;
    display:grid;
    max-height: 50%;
}

.adminBarBox i{
    font-size: 30px;
}

.adminBottomBar{
    display:none;
    border-top:2px solid #444444;
    background:#444339;
    color:#f4f5f6;
    padding-bottom:100px;
    max-height: 300px;
    overflow: auto;
    box-shadow: 0px -2px 15px 2px rgba(0,0,0,0.4);
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    height:auto;
    resize: vertical;
}

.adminBottomButton{
    z-index: 1000;
    width:50px;
}

.adminBottomBar div{
    position:relative;
    min-height:100%;
    max-height:100%;
    height:100%;
    padding:5px;
}

.adminBottomBar div p{
    background:#222222;
    padding:10px;
    margin:0px;
}

.adminBottomBar pre{
    padding:15px;
    background:#333333;
    margin:0px;
}