@font-face {
    font-family: 'Codec Pro News';
    src: url(/fonts/Zetafonts-Codec-Pro-News.otf) format('truetype');
}
@font-face {
    font-family: 'Codec Pro Bold';
    src: url(/fonts/Zetafonts-Codec-Pro-Bold.otf) format('truetype');
}
@font-face {
    font-family: 'Codec Pro Extra Bold';
    src: url(/fonts/Zetafonts-Codec-Pro-ExtraBold.otf) format('truetype');
}


html, body {
    margin:0;
    padding:0;
    font-family:'Codec Pro News';
}

#devnav {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:24px;
    background:#009FE3;
    text-align:center;
    margin:0 !important;
    padding:0;
    z-index:99999 !important
}
#devnav ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}
#devnav ul li {
    display: inline-block;
    list-style-type: none;
    color: white;
    font-size: 14px !important;
    font-weight: bold;
}
#devnav ul li a {
    color: white;
    margin-right: 20px;
    text-decoration:none;
}
#devnav ul li a:hover {
    text-decoration: underline;
}
#devmenu {
    position: fixed;
    top:32px;
    left:0;
    width:100%;
    height:48px;
    text-align:right;
    z-index:99999 !important
}
#devmenu .menu-widget-buttons {
    display: block !important;
}
#devwidget {
    position:relative;
    margin-top:calc(32px + 32px);
    width:100%;
}