.tn-loading-container{min-height:200px;position:relative}.tn-loading{position:absolute;top:50%;left:50%;opacity:.5;width:50px;margin:-25px 0 0 -25px;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-moz-keyframes spin{100%{-moz-transform:rotateY(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotateY(360deg)}}@keyframes spin{100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}#tutorial-navigator{border:1px solid #ddd;border-radius:3px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;color:#4d4d4d}#tutorial-navigator h1 .anchor,#tutorial-navigator h2 .anchor,#tutorial-navigator h3 .anchor,#tutorial-navigator h4 .anchor,#tutorial-navigator h5 .anchor,#tutorial-navigator h6 .anchor{display:none}#tutorial-navigator .hidden{display:none!important;visibility:hidden!important}#tutorial-navigator .visible{visibility:visible!important}#tutorial-navigator .row{margin:0}#tutorial-navigator .btn,#tutorial-navigator a.btn{-webkit-transition:background-color 0.2s ease;-moz-transition:background-color 0.2s ease;-ms-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;transition:background-color 0.2s ease;text-transform:uppercase;font-size:16px;letter-spacing:2px;border:0;font-weight:bold}#tutorial-navigator .app-type-item .btn{border:1px solid #d0d2d3}#tutorial-navigator a{cursor:pointer;text-decoration:none;color:#0a86b1}#tutorial-navigator a:focus{outline:0}#tutorial-navigator a:hover{text-decoration:none;color:#44c7f4}#tutorial-navigator h1,#tutorial-navigator h2,#tutorial-navigator h3{font-weight:100}#tutorial-navigator h4,#tutorial-navigator h5,#tutorial-navigator h6{font-weight:bold}#tutorial-navigator h1,#tutorial-navigator h2,#tutorial-navigator h3,#tutorial-navigator h4,#tutorial-navigator h5,#tutorial-navigator h6{font-family:"proxima-nova","Helvetica Neue",sans-serif;color:#000}#tutorial-navigator h1 a,#tutorial-navigator h2 a,#tutorial-navigator h3 a,#tutorial-navigator h4 a,#tutorial-navigator h5 a,#tutorial-navigator h6 a{color:#000}#tutorial-navigator .tutorial-header{border-bottom:1px solid #ddd;padding:40px 0 20px 0;display:table;width:100%}#tutorial-navigator .tutorial-header .step-circle{text-align:center}#tutorial-navigator .tutorial-header .step-circle a{background:#ddd;border:1px solid #ddd;border-radius:100%;padding:15px 0;text-align:center;height:60px;width:60px;display:inline-block;line-height:30px;color:#fff;font-size:25px}#tutorial-navigator .tutorial-header .step-circle span.step-label{display:block;padding:15px 0 0 0;font-size:20px;color:#ddd;margin-bottom:5px}#tutorial-navigator .tutorial-header .step-circle small{display:block;line-height:12px;height:12px;font-size:12px}#tutorial-navigator .tutorial-header .step-circle.active a{background:#fff;color:#4fcb1f;border-color:#4fcb1f}#tutorial-navigator .tutorial-header .step-circle.active span.step-label{color:#000}#tutorial-navigator .step .app-type{cursor:pointer;text-align:center}#tutorial-navigator .step .app-type .app-type-item{display:block;border-radius:3px;font-size:13px}#tutorial-navigator .step .app-type .app-type-item small{color:#7e7e80;font-weight:bold;margin-top:6px}#tutorial-navigator .step .app-type .app-type-item span.icon{font-size:2em;background-color:#448cf4;background-position:initial;border-radius:3px;width:70px;height:70px;color:#fff;margin:auto;line-height:80px}#tutorial-navigator .step .app-type .app-type-item strong.label{text-transform:capitalize;font-size:1.3em;margin:20px 0 10px 0;font-weight:400;color:#000;background:none;padding:0}#tutorial-navigator .step .app-type .btn-select.btn-xs{font-size:11px;padding-left:15px;padding-right:15px;color:#333;margin-top:20px;background:#fff}#tutorial-navigator .step .app-type:hover .app-type-item{background:#fff}#tutorial-navigator .step .app-type:nth-child(2n) .app-type-item span.icon{background-color:#ffdb47}#tutorial-navigator .step .app-type:nth-child(3n) .app-type-item span.icon{background-color:#a83dda}#tutorial-navigator .step .app-type:nth-child(4n) .app-type-item span.icon{background-color:#ff4847}#tutorial-navigator .step .tutorial-item{display:inline-block;float:none;margin-bottom:20px;vertical-align:top;padding:0 5px}#tutorial-navigator .step .tutorial-item a.logo-tutorial{border:1px solid #f1f1f1;padding:10px;text-align:center;border-radius:4px;display:block;padding:10px}#tutorial-navigator .step .tutorial-item a.logo-tutorial span{text-transform:uppercase;font-weight:bold;display:block;margin-top:6px;font-size:11px;letter-spacing:1px;color:#333}#tutorial-navigator .step .tutorial-item a.logo-tutorial strong{background-color:#fff;display:block;padding:10px 0;border-radius:3px}#tutorial-navigator .step .tutorial-item a.logo-tutorial strong img{height:45px;max-width:100%}#tutorial-navigator .step .tutorial-item:hover a.logo-tutorial{border-color:#44c7f4;background-color:none;color:#0a86b1}#tutorial-navigator .step .tutorial-item span{min-height:30px;margin-top:10px}#tutorial-navigator .step.disabled{position:relative;opacity:0.15}#tutorial-navigator .step.disabled .disabled-cover{position:absolute;background:none;top:0;right:0;bottom:0;left:0}#tutorial-navigator .code-snippets{min-height:400px;padding-left:60px;padding-right:60px}#tutorial-navigator .code-snippets .snippet-tabs{width:100%;display:table;margin-bottom:30px;font-size:20px;text-align:center;background:#f6f6f6;border-radius:3px}#tutorial-navigator .code-snippets .snippet-tabs .snippet-tab{display:inline-block}#tutorial-navigator .code-snippets .snippet-tabs .snippet-tab a{display:inline-block;color:#666;padding:20px 50px 0 50px;margin:0 20px;height:auto;min-width:110px;text-align:center}#tutorial-navigator .code-snippets .snippet-tabs .snippet-tab a i{display:block;margin-top:10px}#tutorial-navigator .code-snippets .snippet-tabs .snippet-tab a.active{color:#fff;background:#44c7f4}#tutorial-navigator *,#tutorial-navigator:before,#tutorial-navigator:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#tutorial-navigator .step,#tutorial-navigator .code-snippets{padding:15px 20px;border-radius:3px}#tutorial-navigator .step > h3,#tutorial-navigator .code-snippets > h3{margin-top:0}#tutorial-navigator .step > h3,#tutorial-navigator .step > h4,#tutorial-navigator .step > p{padding-left:5px}#tutorial-navigator .step .app-type .app-type-item span,#tutorial-navigator .step .app-type .app-type-item small,#tutorial-navigator .step .app-type .app-type-item strong{display:block;width:100%;text-align:center}#tutorial-navigator .step .app-type .app-type-item span,#tutorial-navigator .step .app-type .app-type-item strong{color:#666}#tutorial-navigator .step .app-type:hover .app-type-item span.icon{color:#fff}#tutorial-navigator .step .app-type:hover .app-type-item strong,#tutorial-navigator .step .app-type:hover .app-type-item span{color:#000}#tutorial-navigator .step .app-type:hover .app-type-item .btn{background:#d0d2d3;border-color:#d0d2d3}#tutorial-navigator .step .tutorial-item,#tutorial-navigator .step .tutorial-item a.logo-tutorial,#tutorial-navigator .step .tutorial-item a.logo-tutorial strong{background:none;border-radius:3px}#tutorial-navigator .step .tutorial-item:hover,#tutorial-navigator .step .tutorial-item:hover a.logo-tutorial,#tutorial-navigator .step .tutorial-item:hover a.logo-tutorial strong,#tutorial-navigator .step .tutorial-item:hover a.logo-tutorial span{background:#fff;color:#0a86b1}#tutorial-navigator h1,#tutorial-navigator h2,#tutorial-navigator h3,#tutorial-navigator h4,#tutorial-navigator h5{font-weight:500}#tutorial-navigator img{max-width:100%}#tutorial-navigator blockquote p{margin-top:0}#tutorial-navigator .package blockquote{text-align:center;border:0;background:#ecf9fe}