/*
 * Copyright (C) 2009-2017 Lightbend Inc. <https://www.lightbend.com>
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
th,td{text-align:left;font-weight:normal;}
ol,ul{list-style:none;}
:focus{outline:0;}
article{}article h1,article h2,article h3,article h4,article h5,article h6{color:#333;font-weight:bold;line-height:1.25;margin-top:0.7em;}
article h1 a,article h2 a,article h3 a,article h4 a,article h5 a,article h6 a{font-weight:inherit;color:#333;}article h1 a:hover,article h2 a:hover,article h3 a:hover,article h4 a:hover,article h5 a:hover,article h6 a:hover{color:#333;}
article h1{font-size:36px;margin-top:0;margin-bottom:20px;border-bottom:4px solid #eee;}
article h2{font-size:25px;margin-bottom:9px;border-bottom:2px solid #eee;}
article h3{font-size:18px;margin-bottom:9px;}
article h4{font-size:15px;margin-bottom:3px;}
article h5{font-size:12px;font-weight:normal;margin-bottom:3px;}
article .subheader{color:#777;font-weight:300;margin-bottom:24px;}
article p{line-height:1.3em;margin:1em 0;}
article li>p:first-child{margin-top:0;}
article li>p:last-child{margin-bottom:0;}
article ul li,article ol li{padding:4px 0 4px 14px;}article ul li ol,article ol li ol,article ul li ul,article ol li ul{margin-left:20px;}
article ul li:before,article ol li:before{position:absolute;top:8px;left:0;color:#ccc;font-size:10px;margin-right:5px;}
article>ol{counter-reset:section;}article>ol li:before{color:#ccc;font-size:13px;}
article>ol>li{padding:6px 0 4px 20px;counter-reset:chapter;}article>ol>li:before{content:counter(section) ".";counter-increment:section;}
article>ol>li>ol>li{padding:6px 0 4px 30px;counter-reset:item;}article>ol>li>ol>li:before{content:counter(section) "." counter(chapter);counter-increment:chapter;}
article>ol>li>ol>li>ol>li{padding:6px 0 4px 40px;}article>ol>li>ol>li>ol>li:before{content:counter(section) "." counter(chapter) "." counter(item);counter-increment:item;}
article table{width:100%;}article table td{padding:8px;}
article table tr{background:#F4F4F7;border-bottom:1px solid #eee;}
article table tr:nth-of-type(odd){background:#fafafa;}
article dl dt{font-weight:bold;}
article dl.tabbed{position:relative;}
article dl.tabbed dt{float:left;margin:0 5px 0 0;border:1px solid #ddd;padding:0 20px;line-height:2;border-radius: 5px 5px 0 0;}
article dl.tabbed dt a{display:block;height:30px;color:#333;text-decoration:none;}
article dl.tabbed dt.current{background: #f7f7f7;}
article dl.tabbed dd{position:absolute;width:100%;left:0;top:30px;}
article dl.tabbed dd pre{margin-top:0;border-top-left-radius:0;}
a{color:#80c846;}a:hover{color:#6dae38;}
p{margin:1em 0;}
h1{-webkit-font-smoothing:antialiased;}
h2{font-weight:bold;font-size:28px;}
section{padding:50px 0;}
body{background:#f5f5f5;background:#fff;color:#555;font:15px "Helvetica Nueue",sans-serif;padding:0;}
.wrapper{margin: 0% 6% 0% 6%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:60px 0;}.wrapper:after{content:" ";display:block;clear:both;}
.wrapper article{min-height:310px;width:650px;float:left;}
.wrapper aside{width:270px;float:right;}.wrapper aside ul{margin:2px 0 30px;}.wrapper aside ul a{display:block;padding:3px 0 3px 10px;margin:2px 0;border-left:4px solid #eee;}.wrapper aside ul a:hover{border-color:#80c846;}
.wrapper aside h3{font-size:18px;color:#333;font-weight:bold;line-height:2em;margin:9px 0;border-bottom:1px solid #eee;}
.wrapper aside.stick{position:fixed;right:50%;margin-right:-480px;top:120px;bottom:0;overflow:hidden;}
.half{width:50%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
header{position:fixed;top:0;z-index:1000;width:100%;height:50px;line-height:50px;padding:30px 0;background:#fff;background:rgba(255, 255, 255, 0.95);border-bottom:1px solid #ccc;box-shadow:0 4px 0 rgba(0, 0, 0, 0.1);}header #logo{position:absolute;left:50%;margin-left:-480px;}
header nav{position:absolute;right:50%;margin-right:-480px;}header nav a{padding:0 10px 4px;font-size:21px;font-weight:500;text-decoration:none;}
header nav a.selected{border-bottom:3px solid #E9E9E9;}
header nav a.download{position:relative;background:#80c846;color:white;margin-left:10px;padding:5px 10px 2px;font-weight:700;border-radius:5px;box-shadow:0 3px 0 #6dae38;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.2);-webkit-transition:all 70ms ease-out;border:0;}header nav a.download:hover{box-shadow:0 3px 0 #6dae38,0 3px 4px rgba(0, 0, 0, 0.3);}
header nav a.download:active{box-shadow:0 1px 0 #6dae38;top:2px;-webkit-transition:none;}
#content{padding:15px 0;}
#top{background:#5c46c8;box-shadow:0 -4px 0 rgba(0, 0, 0, 0.1) inset;padding:0;position: sticky;z-index: 3000}#top .wrapper{padding:3% 0;}
#top h1{color:#fff;font-size:35px;line-height:48px;text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);display: inline;position:relative;vertical-align: middle;}#top h1 a{text-decoration:none;color:#fff;}
#top user{margin-right:6%;margin-bottom:12px;float:right;color:#fff;font-size:16px;line-height:10px;text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);text-decoration:none;display: block;}
#top nav{overflow:hidden;line-height:25px;width:100%;background-color:#000000;border-top: 1px solid #ffffff;display: block;}
#top nav a.first {margin-left:6%;float: left;display: block;color:#ffffff;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;background-color:#000000;border-left: 1px solid #ffffff;}
#top nav a {float: left;display: block;color:#ffffff;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;background-color:#000000; border-right: 1px solid #ffffff;}
#top nav a:hover {background-color:#48484C;color:black;}
#top nav a.first:hover {background-color:#48484C;color:black;}
#top nav a.active {background-color:#5c46c8;color:white;border-top: 1px solid #5c46c8;}
#top nav a.active:hover {background-color:#5c46c8;color:white;border-top: 1px solid #5c46c8;}
#top input{width:80px;-webkit-transition:width 200ms ease-in-out;-moz-transition:width 200ms ease-in-out;}#top input:focus{width:200px;}
#title{width:500px;float:left;font-size:17px;color:#2d6201;}
div.list{float:left;width:33.3333%;margin-bottom:30px;}
h2{clear:both;}
span.by{font-size:14px;font-weight:normal;}
form dl{padding:10px 0;}
dd.info{color:#888;font-size:12px;}
dd.error{color:#c00;}
#list {
    display: inline-block;
    width: 40%;
    padding: 0.375rem 0 0.375rem 0.5rem;
    font-weight: 400;
    line-height: 3;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    font-size: 1rem;
}
#body {
    margin: 1% 7% 30px 7%;
}
#routelist {
    display: inline-block;
    width: 60%;
    padding: 0.375rem 0 0.375rem 0.5rem;
    font-weight: 400;
    line-height: 3;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    font-size: 1rem;
    font-family: "Times New Roman";
}
#apikey {
    width: 650px;
    padding: 6px 10px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    color: black;
    border: 1px solid #000000;
}
#disabledapikey {
    width: 650px;
    padding: 6px 10px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    color: lightgrey;
    border: 1px solid darkgrey;
}
#role {
    width: 33%;
    padding: 0.375rem 0 0.375rem 0.5rem;
    font-weight: 400;
    line-height: 3;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    font-size: 1rem;
}
button {
    background-color: #5c46c8;
    border: none;
    color: white;
    padding: 10px 26px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}
button:hover{background-color:#48484C;color:black;}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    width: 33%;
    font-size: 1rem;
    margin-top: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 1.5rem 1.5rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #000000;
    font-size: 1rem;
}
list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover, .list-group-item:focus {
    z-index: 1;
    text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.badge {
    border: 1px solid #000;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    line-height:30px;
}
footer .group{font-size: 15px;color: white;float: left;position: absolute;left: 50%;display: inline;}
footer .lang{font-size: 15px;color: white;float: left;left: 2%;position: relative;display: inline;}
footer .support{font-size: 15px;color: white;margin-right: 2%;display: inline;float: right;}
footer a {color: white;}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-group {
    margin-right: 2%;
    margin-left: 0;
    border-width: .2rem;
    margin-bottom: 1rem;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    font-size: 1rem;
}

.form-check-input {
    position: absolute;
    margin-left: -1.25rem;
    font-size: 1rem;
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
}

.display {
    font-size: 1rem;
}

.vertical-menu {
    position:absolute;
    height: calc(100% - 85px);
    padding: 0;
    display: block;
    width: 5.9%;
    border-right: 1px solid #000000;
    border-top: 1px solid #ffffff;
    background-color: #eee;
}

.vertical-menu a {
    background-color: #000000;
    color:#ffffff;
    display: block;
    padding: 12px;
    text-decoration: none;
    border-bottom: 0.5px solid #ffffff;
}

.vertical-menu a:hover {
    background-color: #48484C;
    color: black;
}

.vertical-menu a.active {
    background-color: #5c46c8;
    color: white;
}

.margin-right {
    float: right;
    position:absolute;
    height: calc(100% - 85px);
    right: 0;
    padding: 0;
    display: block;
    width: 5.9%;
    border-left: 1px solid #000000;
    border-top: 1px solid #ffffff;
    background-color: #eee;
}

/* The Modal (background) */
.modal {
    display: block;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 25%;
    width: 50%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #5c46c8;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-family: inherit;
    font-weight: 500;
    font-size:36px;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    color: #000000;
    font-size: 1.25rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #5c46c8;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

/* The Close Button */
.close {
    color: #5c46c8;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 1.5%;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.login-container {
    width: 20%;
    margin-left: 40%;
}

.login-container li {
    margin-left: 10px;
}

.login-container h2 {
    text-align: center;
    color: #5c46c8;
    margin-bottom: 20px;
}

.login-body {
    padding: 1rem 1rem;
    border-top: 1px solid #5c46c8;
    border-bottom: 1px solid #5c46c8;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.error {
    margin-bottom: 10px;
}

th {
    padding: 1.5rem 1.5rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #000000;
    font-size: 1.5rem;
    text-align: center;
    color: #000000;
}

td {
    padding: 1.5rem 1.5rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #000000;
    font-size: 1rem;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.sticky-margin {
    position: fixed;
    top: 55px;
    height: calc(110% - 55px);
}

.sticky-margin + #body {
    padding-top: calc(55px + 1%);
}

.last {margin-right:6%;float: right;display: block;border-left: 1px solid #ffffff;}

.row:after {
    content: "";
    display: table;
    clear: both;
}