@import url("https://fonts.googleapis.com/css?family=Montserrat|Open+Sans");body#api{color:#333;font-family:'Open Sans'}body#api *{box-sizing:border-box}body#api h1,body#api h2,body#api h3{font-family:'Montserrat'}body#api h1{font-size:3em;text-transform:uppercase;color:#F26722}body#api h2{font-size:2em}body#api h3{font-size:1.5em}body#api #viewport{position:fixed;overflow:hidden;overflow-y:auto;top:0px;left:0px;width:100%;height:100%}body#api #viewport .view-trolley{position:absolute;top:0px;left:0px;height:100%;display:grid;grid-template-columns:repeat(4, 100vw);place-items:stretch;transition:0.25s}body#api #viewport .view-trolley.select-dashboard{transform:translateX(-100vw)}body#api #viewport .view-trolley.select-explorer{transform:translateX(-200vw)}body#api #viewport .view-trolley.select-docs{transform:translateX(-300vw)}body#api #viewport .logo .contrast{fill:#333}body#api #viewport .logo .logifox-orange{fill:#F26722}body#api #viewport .logo svg{max-width:100%}body#api #viewport .view.login{display:grid;grid-template-rows:auto auto minmax(250px, 1fr) auto;grid-template-columns:1fr;grid-gap:20px;place-items:center}@media screen and (max-width: 800px){body#api #viewport .view.login{grid-gap:10px}}body#api #viewport .view.login .form{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:". username password ." ". button-list button-list .";grid-gap:20px;place-items:start stretch;place-self:start stretch;background:#fff;padding:50px}body#api #viewport .view.login .form .username{grid-area:username}body#api #viewport .view.login .form .password{grid-area:password}body#api #viewport .view.login .form .button-list{grid-area:button-list}body#api #viewport .view.login .form .health{grid-area:health}@media screen and (max-width: 800px){body#api #viewport .view.login .form{grid-template-columns:1fr;grid-template-areas:"username" "password" "button-list";padding:10px;grid-gap:10px}}body#api #viewport .view.login .form .health{text-align:center;font-style:italic;font-size:1em;color:#F26722}body#api #viewport .view.login .logo{padding:25px}@media screen and (max-width: 800px){body#api #viewport .view.login .logo{padding:10px}}body#api #viewport .view.login .logo .logifox-logo{place-self:end center}body#api #viewport .view.login .logo svg{max-height:100px}body#api #viewport .view.dashboard{padding:50px 20px}body#api #viewport .view.dashboard .content{display:grid;grid-template-columns:1fr 2fr;grid-template-areas:"data app";grid-gap:20px}body#api #viewport .view.dashboard .data{grid-area:data}body#api #viewport .view.dashboard .data h4 sub{display:block;border-top:solid 1px currentColor;opacity:0.25}body#api #viewport .view.dashboard .app-infos{grid-area:app;display:grid;grid-template-columns:1fr;place-items:start stretch}body#api #viewport .view.explorer{padding:50px 20px}body#api #viewport .view.explorer .input{border-radius:10px;overflow:hidden;background:#fff;display:grid;grid-template-columns:repeat(2, auto) 1fr;grid-gap:0px;place-items:stretch start}body#api #viewport .view.explorer .input .entry{padding:10px;padding-left:20px;background:rgba(242,103,34,0.25)}body#api #viewport .view.explorer .input .version{padding:10px;background:rgba(242,103,34,0.5)}body#api #viewport .view.explorer .input .endpoints{padding:10px;display:grid;grid-template-columns:repeat(3, auto);place-items:center start}body#api #viewport .view.explorer .input .endpoints md-select{margin:0}body#api #viewport .view.docs{padding:50px 20px}body#api nav{position:fixed;top:0px;left:0px;width:100%;height:100%;opacity:0;pointer-events:none}body#api nav .header{background:#F26722;padding:10px;display:grid;grid-template-columns:1fr 1fr}body#api nav .header .menu{place-self:center end;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px;color:#fff;pointer-events:auto}body#api nav .header .menu i{font-size:20px}body#api nav .header .name{place-self:center start;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;color:#fff;font-size:24px;text-transform:uppercase;font-weight:600}body#api nav .header .name .logo{max-height:33px}body#api nav .header .name .logo .contrast,body#api nav .header .name .logo .logifox-orange{fill:currentColor}body#api nav .header .name .logo svg{max-height:35px;width:120px}body#api.connected nav{opacity:1}