.app{background:#1D2030;height:100vh;}
.header{position: absolute;top:0;left:0;height:60px;right:0;transition: all .3s;}
.header.nav-open{left:200px;}
.header .logo{background:url("/img/logo-1.svg") no-repeat center;height:40px;background-size:contain;margin-top:10px;}

.nav-tool{position: absolute;top:50%;left:15px;transform: translateY(-50%);color:#fff;font-size: 22px;}
.nav-tool i{vertical-align: middle;}
.nav-tool span{vertical-align: middle;font-size:16px;}
.nav-tool.active span{color:#006770;}
@media (max-width:700px){
    .nav-tool span{display:none;}
}
.m-0{margin:0;}
.navigation{position: fixed;top:0;left:-200px;width:200px;overflow: auto;background-color: #006770;bottom:0;transition: all .3s;}
.navigation.open{left:0;}
.navigation.open + .main-content{left:200px;}
.main-content{position: absolute;top:60px;left:0;right:0;bottom:0;overflow: auto;transition: all .3s;}
.main-content-nav{position: absolute;z-index:100;left:-200px;top:60px;bottom:0;background:#fff;opacity:.4;transition: all.3s;}
.main-content-nav.active{left:200px;right:0;}

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

.help-title{padding:10px;color:#fff;font-size: 20px;}
.help-body .container{background-color:#fff;padding:20px;min-height:450px;border-radius:20px;}

.heading-1{font-weight:bold;color:#1a303c;}
.heading-2{font-weight:bold;color:#316a76;margin-top:20px;}
.heading-3{font-weight:bold;color:#528a96;margin-top:20px;}
.section{margin-bottom:50px;}
.paragraph{padding:10px 0;color:#555;font-size:16px;}
.paragraph a{color:#e47332;text-decoration: underline;}
.paragraph li.number{list-style: auto;}
.accordion-section{margin-bottom:10px;}
.accordion-section .heading-1{background: #1A9CAD;color:#fff;padding:10px;border-radius:10px;}

.footer-links{text-align:center;position: relative;padding:10px;}
.footer-links a{color:#00fdff;padding:0 10px;line-height:24px;font-size:13px;display: inline-block}

/*Warning*/
.warning{position: fixed;top: 0;width: 100%;left: 0;padding: 0 10px;line-height: 25px;background-color: #CD5C5C;color:#fff;font-size:15px;}
.warning .text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right:5px;}
.active-warning .header,.active-warning .navigation{top:25px;}
.active-warning .main-content,.active-warning .main-content-nav{top:85px;}