@charset "UTF-8";

body {
    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif!important;
}

ul {
    list-style-type: none;
}

.app {
    min-height: 100vh;
}

.bg-x {
    background-color: #3399CC;
}

.text-x {
    color: #3399CC;
}

.btn-x {
    color: #fff;
    background-color: #3399CC;
    border-color: #007bff;
}

.btn-x:hover {
    color: #fff;
    background-color: #336699;
    border-color: #0062cc;
}

.btn-x:focus, .btn-x.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-x.disabled, .btn-x:disabled {
    color: #fff;
    background-color: #3399CC;
    border-color: #007bff;
}

.navbar-x {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-x .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-x .navbar-nav .nav-item {
    padding-left: 1em;
    padding-right: 1em;
}

.navbar-x .navbar-nav .nav-item:hover, .navbar-x .navbar-nav .nav-item:focus {
    background-color: #336699;
}

.navbar-x .navbar-nav .nav-item.active {
    background-color: #336699;
}

.navbar-x .navbar-nav .nav-link {
    color: #FFFFFF;
}

.link-x {
    color: #3399CC;
}

.link-x:hover {
    color: #336699;
    text-decoration: underline;
}

.breadcrumb {
    background: #FFFFFF;
    border-bottom: 1px solid #3399CC;
    font-size: 0.8em;
}

footer {
    background-color: #EFEFEF !important;
    border: 1px solid #CCCCCC;
    color: #AAAAAA;
    font-size: 0.8em;
    height: 6em;
}

footer a {
    color: #AAAAAA;
}

footer a:hover {
    color: #AAAAAA;
}

.sidebar-x .dl-menu, .sidebar-x .suggestion {
    border: 1px solid #CCCCCC;
}

.sidebar-x .suggestion {
    padding: 15px;
}

.dl-menu dt {
    font-size: 18px;
    padding: 15px 25px 10px 25px;
    color: #282727;
}

.dl-menu dd {
    padding: 10px 25px;
    font-size: 14px;
    border: 5px solid transparent;
}

.dl-menu dd:hover, .dl-menu dd.active {
    border-left: 5px solid #3399CC;
    background-color: #F3F3F3;
}

.dl-menu dd a {
    display: block;
    text-decoration: none;
    color: #666666;
}

.main-content-x {
    border: 1px solid #CCCCCC;
}

.main-content-x .main-content-x-title {
    color: #3399CC;
    font-size: 24px;
    border: 1px solid #CCCCCC;
    padding: 15px 25px 10px 25px;
}

.main-content-x .main-content-x-content {
    padding: 10px 25px;
}

.dropdown-x:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.documentations .documentation:last-child {
    margin-bottom: 20px;
}

.documentation {
    border-bottom: 1px dashed #CCCCCC;
    margin-bottom: 10px;
    padding: 15px 0;
}

#advanced-args .nav.nav-pills .nav-link {
    color: #3399CC;
}

#advanced-args .nav.nav-pills .nav-link.active {
    background-color: #3399CC;
    color: #FFFFFF;
}