#nav *,#nav *::before,#nav *::after,#header *,#header *::before,#header *::after{box-sizing:border-box}

#nav a,#nav span,#nav em,#nav i,#nav small,#nav big,#nav strong,#nav b,#nav sub,#nav sup,#nav u,#header a,#header span,#header em,#header i,#header small,#header big,#header strong,#header b,#header sub,#header sup,#header u{line-height:1}

body{margin:0}

#nav h1,#nav h2,#nav h3,#nav h4,#nav h5,#nav h6,#nav p,#nav blockquote,#nav pre,#nav dl,#nav dd,#nav ol,#nav ul,#nav form,#nav fieldset,#nav legend,#nav table,#nav th,#nav td,#nav caption,#nav hr,#header h1,#header h2,#header h3,#header h4,#header h5,#header h6,#header p,#header blockquote,#header pre,#header dl,#header dd,#header ol,#header ul,#header form,#header fieldset,#header legend,#header table,#header th,#header td,#header caption,#header hr{margin:0;
padding:0}

#nav ol,#nav ul,#header ol,#header ul{list-style:none}

#nav h1,#nav h2,#nav h3,#nav h4,#nav h5,#nav h6,#header h1,#header h2,#header h3,#header h4,#header h5,#header h6{font-weight:400}

#nav table,#header table{border-collapse:collapse;
border-spacing:0}

#nav abbr[title],#nav dfn[title],#header abbr[title],#header dfn[title]{cursor:help}

#nav u,#nav ins,#header u,#header ins{text-decoration:none}

#nav ins,#header ins{border-bottom:1px solid}

#nav img,#header img{font-style:italic}

#nav button,#nav select,#nav option,#nav input[type="checkbox"]+label,#nav input[type="radio"]+label,#header button,#header select,#header option,#header input[type="checkbox"]+label,#header input[type="radio"]+label{cursor:pointer}

#nav [type=text]:active,#nav [type=text]:focus,#nav [type=password]:active,#nav [type=password]:focus,#nav [type=email]:active,#nav [type=email]:focus,#nav textarea:active,#nav textarea:focus,#header [type=text]:active,#header [type=text]:focus,#header [type=password]:active,#header [type=password]:focus,#header [type=email]:active,#header [type=email]:focus,#header textarea:active,#header textarea:focus{cursor:text;
outline:none}

#nav a,#header a{text-decoration:none}

#nav a:active,#nav a:hover,#header a:active,#header a:hover{outline:0}

#nav sub,#nav sup,#header sub,#header sup{font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}

#nav sup,#header sup{top:-0.5em}

#nav sub,#header sub{bottom:-0.25em}

#nav em,#header em{font-style:italic}

#nav b,#nav strong,#header b,#header strong{font-weight:600}

#nav fieldset,#header fieldset{border:0}

#nav textarea,#header textarea{vertical-align:top}

#nav input[type="search"],#header input[type="search"]{-webkit-appearance:textfield;
box-sizing:content-box}

#nav button[disabled],#nav html input[disabled],#header button[disabled],#header html input[disabled]{cursor:default}

#nav button,#nav select,#header button,#header select{text-transform:none}

#nav button,#nav input,#nav select,#nav textarea,#header button,#header input,#header select,#header textarea{font-family:inherit;
font-size:100%;
margin:0}

#nav button::-moz-focus-inner,#header button::-moz-focus-inner{padding:0;
border:0}

#nav input[type="search"]::-webkit-search-cancel-button,#nav input[type="search"]::-webkit-search-decoration,#header input[type="search"]::-webkit-search-cancel-button,#header input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

#nav button,#nav html input[type="button"],#nav input[type="reset"],#nav input[type="submit"],#header button,#header html input[type="button"],#header input[type="reset"],#header input[type="submit"]{-webkit-appearance:button;
cursor:pointer}

html{height:100%;
min-height:100%}

#nav img {max-width:100%}

#nav,#header{
font-family: "Santander-text", Apercu, Roboto, Lato, Arial, sans-serif;
font-size:14px;
font-weight:300;
min-height:inherit}

#nav a,#header a{word-break:break-word}

#nav ul li,#header ul li{margin-bottom:10px;
margin-top:10px;
padding-left:15px}

#nav ul li a,#header ul li a{line-height:1.2}

body{background:#ECECEC}

.header{position:fixed;
background-color:white;
padding:0px 20px;
top:0;
left:0;
right:0;
z-index:3;
transition:background 0.3s ease;
transition:transform .5s}

.header a:hover{color:#0095E7}

.header.is-hidden{transform:translateY(-100%)}

h1::before,h2::before,h3::before h4::before,h5::before,h6::before {display:block;
content:" ";
height:60px;
margin-top:-60px;
visibility:hidden}

a{transition:background-color .3s ease}

a.highlight{background-color:#F5A623}

#content{margin-top:44px;
min-height:100%;
position:relative;
padding:0;  /* estaba en 1.6em 1.5em 2em 1.5em; */
max-width:1400px;  /*estaba en 1000*/
margin:0 auto;
margin-top:47px;
background:white;    
background: #fcfaf6; 
box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}

.mb-100{margin-bottom:100vh}

#nav{background-color:#F2F5FA;
position:fixed;
top:32px;
bottom:0;
left:0;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
width:300px;
z-index:1;
padding:2em 1em}

#nav.fixed{position:fixed}

#nav>.toc-list{padding-bottom:50px}

#nav .footer-toc{padding-bottom:50px;
margin-top:-10px}

#nav .footer-toc .powered-text{font-size:12px;
font-weight:600;
text-align:center}

#nav .logo{padding:10px 100px}

#nav .logo img{max-width:100%}

.main.has-nav ~ .footer{margin-left:300px}

.collapsible{max-height:1200px;
overflow:hidden;
transition:all 0.3s ease}

.collapsible--small{max-height:300px;
overflow:hidden;
transition:all 0.3s ease}

.is-collapsed{max-height:0}

.hidden{display:none}

.visible{display:block;
visibility:visible}

#waves path{stroke-dasharray:2000px;
stroke-dashoffset:2000px;
animation-duration:2s;
animation-name:draw;
animation-fill-mode:forwards;
animation-timing-function:linear}

#waves path:nth-child(1){animation-delay:200ms}

#waves path:nth-child(3){animation-delay:400ms}

#waves path:nth-child(2){animation-delay:600ms}

@keyframes draw{to{stroke-dashoffset:0px}

}

.n_dropdown{border-width:0px;
box-shadow:0 3px 5px rgba(0,0,0,0.5);
left:-10px;
top:30px;
position:absolute;
visibility:visible;
width:120%}

.n_dropdown>li{padding:0px;
border-width:0px}

.background--super-dark{background-color:light-grey;}

.background--super-dark:not(.hero) a,.background--super-dark h2,.background--super-dark p{color:white;
-webkit-text-fill-color:white}

.background--super-dark h4{color:#0095E7}

.background--brand-darker{background-color:#082F40}

.section-box{border:solid 1px rgba(0,149,231,0.3);
border-radius:5px;
padding-right:20px;
padding-top:10px}

.section-box:hover{border:solid 1px #0095e7}

.copy-code-button{color:white;
cursor:pointer;
opacity:0.2;
padding:0.5em;
position:absolute;
top:0;
transition:opacity 300ms ease;
right:0}

.copy-code-button:hover,.copy-code-button.zeroclipboard-is-hover{opacity:1}

.code-container{background-color:#00415D;
position:relative}

.code-container pre code{border:0}

.code-container h4{color:white;
font-size:1em;
letter-spacing:1px;
margin-top:40px;
opacity:0.5;
text-transform:uppercase}

.sidebyside .explanation{border-top:1px solid rgba(0,0,0,0.05)}

.sidebyside .explanation.intro{border-top:1px solid rgba(0,0,0,0.1)}

.sidebyside .code-container{border-top:1px solid rgba(255,255,255,0.05)}

.sidebyside .code-container.intro{border-top:1px solid rgba(255,255,255,0.1)}

.toggle-container--fixed{position:fixed;
margin-left:calc(50% - 160px);
width:calc(50% - 140px);
z-index:1}

.toggle-container--fixed .token-link{position:absolute;
right:0}

.toggle-container--fixed .rounded-box{border-radius:5px;
margin-top:5px;
width:400px}

.toggle-container--fixed #api-token-input{width:82%}

.toggle-container--fixed .form-note--bad-news{display:none}

.toggle-container--fixed .form-container.form-bad-news .form-note--bad-news{display:block}

.parameters,.return{width:100%}

.parameters tr,.return tr{border-top:1px solid #e0e0e0}

.parameters td,.parameters th,.return td,.return th{text-align:left}

.no-border{border-top:0px solid black !important}

h2.platform{font-weight:bold}

.loader{position:fixed;
z-index:1000;
left:0;
right:0;
top:0;
bottom:0;
background-color:white}

.loader-icon{margin-left:auto;
margin-right:auto;
margin-top:35%;
border:16px solid #f3f3f3;
border-radius:50%;
border-top:16px solid #54BC4B;
width:120px;
height:120px;
animation:spin 2s linear infinite}

@keyframes spin{0%{transform:rotate(0deg)}

100%{transform:rotate(360deg)}

}

.is-hidden-on-mobile{display:none !important}

.is-inline-block-on-mobile{display:inline-block}

.no-margin-on-mobile{margin:0 !important}

.no-flex-on-mobile{-ms-flex:none !important;
flex:none !important;
-webkit-flex:none !important}

.is-stacked-on-mobile{margin-bottom:20px !important;
width:100% !important}

.header{text-align:center}

.nav-toggle{position:relative;
margin-left:15px;   /* estaba en margin-right: 15px */
float:right}		/* estaba en float left */

.nav-toggle:hover{opacity:.75}

.nav-toggle label{cursor:pointer;
padding:15px 10px;
display:block}

.nav-toggle label img{width:13px}

.nav-toggle+.header-logo-container{vertical-align:bottom;
margin-left:20px}

#header #bookname{color:#fff;
max-width:50%;
display:inline-block;
padding:10px 5px;
line-height:1.6;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}

#title-controls{float:right;
padding:0px}

#title-controls a{padding:10px 5px;
cursor:pointer;
display:inline-block}

#zoom-out:hover{opacity:.75}

#zoom-out i.svg-icon{background-color:#fff;
width:24px;
height:24px;
display:block;
margin-left:-3px;
margin-top:-3px;
-webkit-mask-image:url(../images/font-decrease.svg);
mask-image:url(../images/font-decrease.svg)}

#zoom-in:hover{opacity:.75}

#zoom-in i.svg-icon{background-color:#fff;
width:24px;
height:24px;
display:block;
margin-left:-3px;
margin-top:-3px;
-webkit-mask-image:url(../images/font-increase.svg);
mask-image:url(../images/font-increase.svg)}

#nav{box-shadow:0 0 5px transparent;
margin-bottom:-50px;
transform:translateX(-100%);
-webkit-transform:translateX(-100%);
transition:all 300ms ease-in-out}

#toggle-nav-checkbox:checked+#nav{box-shadow:0 0 5px rgba(0,0,0,0.2);
transform:translateX(0%);
-webkit-transform:translateX(0%)}

.hero h1::before{height:20px}

.content{margin-left:0}

.main.has-nav ~ .footer{margin-left:0}

.sidebyside-toggles{margin-left:0;
right:-100%;
position:absolute;
width:100%}

.sidebyside{width:200%}

@media screen and (min-width: 1240px){#toggle-nav-checkbox:checked+#nav+#content{padding-left:300px}

}

@media screen and (min-width: 1240px){#toggle-nav-checkbox:checked+#nav+#content{margin:0 60px}

}



/*# sourceMappingURL = ./docnav.css.map */