.body-login {
    background-color: rgb(54, 65, 80);
}

body {
    font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,Arial,sans-serif;
    background-color: #F3F5FA;
}

.container-layout {
}
.container-main {
    margin-top: 95px;
    margin-left: 262px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*background-color: white;*/
    /*margin: 110px 10px 10px 10px;*/
    border-radius: 2px;
    /*-moz-box-shadow: 5px 5px 7px #AAAAAA;
    -webkit-box-shadow: 5px 5px 7px #AAAAAA;
    box-shadow: 5px 5px 7px #AAAAAA;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.container-body, .angular-animation-container {
    /*overflow-x: hidden;*/
    /*overflow-y: scroll;*/
    /*height: 300px;*/
    width: 100%;
    /*position: relative;
    bottom: 0px;
    top: 0;
    left: 0;
    right: 0;*/
    padding: 0px 0px;
    /*background-color: white;*/
    /*overflow-y: scroll*/
}

.container-ui {
    /*height: 100%;
    height: 300px;
    width: 100%;
    padding: 15px;
    background-color: white;*/
}

.form-signin {
    background-color: whitesmoke;
    padding: 10px 25px 25px 25px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.login-title h1 {
    text-align: center;
    color: white;
}

.login-title {
    margin: 30px;
}

.nav-main {
    top: 55px;
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .nav-main a {
        color: #808080;
        font-size: 17px;
        line-height: 38px;
        padding: 13px 4px;
    }

        .nav-main a > span {
            vertical-align: middle;
            padding-left: 4px;
            letter-spacing: 1px;
        }

.navbar-header-logo {
    margin-right: 28px;
    height: 44px;
    padding: 7px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
}

.nav-sub {
    top: 55px;
    background-color: rgb(238, 238, 238);
    -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 2px 0px;
    -ms-box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 2px 0px;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 2px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .nav-sub a {
        color: black;
    }

.subMenuActive {
    border-bottom: 3px #00bfff solid;
}

/*.shuffle-animation.ng-enter,
.shuffle-animation.ng-leave { position: absolute; }

.shuffle-animation.ng-enter {
    -moz-transition: ease-out all 0s 0s;
    -o-transition: ease-out all 0s 0s;
    -webkit-transition: ease-out all 0s 0s;
    transition: ease-out all 0.3s 0.4s;
    left: 2em;
    opacity: 0;
}

.shuffle-animation.ng-enter.ng-enter-active {
    left: 0em;
    opacity: 1;
}

.shuffle-animation.ng-leave {
    -moz-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
    -webkit-transition: 0.3s ease-out all;
    transition: 0.3s ease-out all;
    left: 0;
    opacity: 1;
}*/

/*.shuffle-animation.ng-leave.ng-leave-active {
    left: 2em;
    opacity: 0;
}*/



.wf-command button {
    margin-right: 5px;
}


.thumbnail.well h2 {
    font-size: 20px;
    margin-top: 0px;
}


.thumbnail.well > p > .btn {
    padding: 2px 6px;
}

.thumbnail.well {
    padding: 10px;
}

.navbar-nav li span {
    margin: 0px;
    font-size: 14px;
}

.org {
    margin-top: 110px;
    /*background-color: green;*/
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
}

.org_left {
    float: left;
    width: 20%;
    height: 100%;
    border-right: 1px solid #ccc;
}

.org_right {
    float: left;
    /*background-color: gray;*/
    width: 80%;
    height: calc(100%-35px);
}
/*.org_menu { 
    float: left;
    background-color: purple;
    width: 10%;
    height: 100%;
    border:1px #ccc solid;
}*/
.org_chart {
    float: left;
    /*background-color: black;*/
    height: 100%;
    width: 100%;
    overflow: auto;
}

.org_tree_container {
    margin: 20px 10px 10px 20px;
    background-color: rgb(238, 238, 238);
    height: 80%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    overflow: auto;
}

.org-chart-title {
    margin-top: 5px;
}

.block-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.block-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.page-spinner-bar > div,
.block-spinner-bar > div {
    background: #6fa7d7;
}


.ma-center-warper {
    width: 100%;
}


    .ma-center-warper .siderbar {
        position: absolute;
        width: 200px;
        float: left;
        left: 25px;
        transition: ease-in-out all 0.5s;
        /*background-color: #00bfff;*/
    }

        .ma-center-warper .siderbar .toggler {
            position: absolute;
            right: 0px;
            top: 0;
            /* background: #9BB9FF; */
            padding: 2px 5px;
            border-radius: 3px;
            cursor: pointer;
            color: #ccc;
        }

    .ma-center-warper .page-content {
        position: relative;
        transition: none; /*ease-in-out all 0.5s*/
        min-height: calc(100vh - 150px);
        border-radius: 5px;
        margin: 0px 12px 15px 12px;
        padding: 0px;
        box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.08);
        background-color: white;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .ma-center-warper .page-content::after {
            content: '';
            display: block;
            clear: both;
        }

    .ma-center-warper.hide-siderbar .page-content {
        transition: ease-in-out all 0.5s;
        margin-left: 5px;
    }

    .ma-center-warper.hide-siderbar .siderbar {
        transition: ease-in-out all 0.5s;
        /*width: 25px;*/
        left: -200px;
    }

        .ma-center-warper.hide-siderbar .siderbar li a {
            cursor: pointer;
        }

        .ma-center-warper.hide-siderbar .siderbar .nav {
            /*transition: ease-in-out all 0.5s ;*/
            /*display: none;*/
        }


    .ma-center-warper .page-content h4 {
        margin-top: 0px;
        font-size: 18px
    }


#cmd span {
    margin: 5px;
}


.interface-server ul li i {
    display: none;
}

.interface-server ul li:hover i {
    display: block
}

@font-face {
    font-family: "sysiconfont";
    src: url('fonts/iconfont.eot?t=1569351165560'); /* IE9 */
    src: url('fonts/iconfont.eot?t=1569351165560#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAt8AAsAAAAAE/AAAAstAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCETAqZAJQPATYCJAMwCxoABCAFhG0HgREbmhAzA/VyszZk/9UBbxh99AVYsLAMNoJkV1umzElbqTIhUslEKgfLmMsx4BF8eHKPugiv+OTtUMr/Hzf9+3hJGrwq2LTUdOLUNKkoEqwSTmAdnbZTMSYqX1x44Dv1312QAtjFpbwAhdotMqaW+ipWggKvPfxvuYc2724WsUgrk7AiQBt+eeTWwOCwIjgwC57PtXzZ/UtJDjBbEhpR192xLciObyWRXRDCpW3zf/TzETA01+qGaqO9YN7L3W8vasAQtQQVD5lEFNsQ9VBoWiKZDDHTClBzykmcXOARYlqT5YrhzKhKjqZqT3Z7gABIxNJDDUNxNdAISoBQqeOwGYHOKBGacISWUMSyGaANkOg4R3QPABYFH4/ukBpoABEygSItr8ZYYPgJf5GFe/4XoLERwLvTA8DrVAAYgB4A8So+kLKjgBB9R2KauqbwAXJt+RWmHutjiNFWcNz7+/MfuYhnFaJtNbgit/ClU2kyQmICDAki/nioGCm08C7yDXjsJEGB75OEFPyQJGjwo5OQgXcIaCLaATkxRPcgJ4DoIyTBwF+InCQQRSAJAv9Z2BXiTGnaHBxDWhDRLCWeBUSIYCyhRPwQlAmyhlIIIo7b/hplbVun7khEucANIbvaswF9k766xtB+Vp40jddYm9vAwVltUWsfZodzfbDQc43BkRmFQKMawzML38U1cTo2wqTfV4cRq5pWNfkiXRN/YiNx2urwPZNmkW67VMRFcU3QDtu1YP7CZYuXLAOLK+D9CrsypOtAhBuwgXwLqy3enKMfb54h3cyuLZ5q1UC+ksUlMPEWTMo3AH2tS/RbP1c/xY2t1KHSNNdACFUqpOcPrIyhxqwiZhfP1cv0/edRIZS/7vL8mVvbPS9r1obPP/oAIT5sTtxZGktnQwuNuW8WSh+jWrKocNy8xitU8qw+LiqpP3NrRa3NpqQQt9xvOccUtUtUtQkyODC8gy5EF7E6ffm7xHPtNIviVJew8YeRRk3huOQR5eFoqaVqE4xikP4Z4XRrRSdZ5NDV8EFajXwI5YCuivPkFqia5jWTSp1lXFwKn+kVAlepk9ELyU9zLsi5Jw412/IOlOOXSRoNEXki/Vz624r1Mm8LQ4w2S8Ow+sA2Esc1UVTnPZ779MJZ8dytZ/OenO+PYldlFBlFLFb6du7raMC6OJ1h7Nugv2FgRXperIXxu8jKm4svvoyFxc/NGQ9P0mLQiubjHLqrmq0wK5B9QIu2DwQQy7ZwfFAeX+QRXhunFR2QGvmCh9WYOVM9hlnL3bydKbSAJCCUWW6m3sLv47ez2qpXWZmvQIT4Tx7o/WFaODllMTKIKG59taXbXG9zhfRGKwRhZxmtLvEDEOm3C9qaA091Ozccx0RtVvi7GvlbQ1imSzATgiOBS5BL0UYbbJ1cNPJP9tcoPhvOnP7DhL/rL8Uve6MXmavC40DZxZbFv7RY5U82/K4CFT/qMvHKv1dHPzVixsdLyFtUU7RoKDvgSSemSy614DXCwONLjScKG3FYbGni/OvoWiVvMpJqikpIqdM+dQCTNZLg1+EwlmXOWolCBdGjtIlPKVKUirvrJRVTzW1dV4jmZxklWaBdcO2CQSIDOM0ZQifs85QOMikUneiteBdLs7GQUVbdKBQUIlgJvAaOwSWXiy9cH0UY3lSV661DybgGCL4cMPSpjeJh4FuVj5zAorYAluZJHkC4eOvYtnOc/L+yxoDZ/qgDv9q77Ruxr+IuHbx0V7ddI5515aFfn4xr9nrJ0eET8HnJ8x3NTfPKk3OpJ79THhVNhRWFI9teWvnfuRjOyRlZP8i9V7t3HE6ZcuzgQrPVFJjdV4LvNHbVzL32rl5cxtLEvJ9Fwomc4iIvQNw/0PpxIpx/0jv2d5Ms7/rFit9JfDexVQBBUXESSBsTndo1Wp+uYCDT+ZgK/+H3y6NW+HDZ+nBMFVEm9zQ+Ad1Wl4l0j5f6U16FVz7Z7zFc+WwSyEl5MxNQMKb8vsmfpPlUEaCgmp8u3FC2ndl7dtrE7wBG1yQjqwGYItAXVP3dewDVuXTkaIBp83y1nzwxULPlf5Bskwf7klotWwP/u0nxSb29R/RHXk19pX91Iz2tx0eP0MfTd/NyGHG6f30+E3hXIhfflV31GrKZIMagMB/JqxvI5GXfpevTxFoikKnPL6jKofX5+Q2ZRX20XOz7jdO/1u9/Ff86fobrkQjOt0fN6xrI3vfo7q88UzKpsGf+3k9mRV2qMbxKFJQrlULiqxrDpahZn+ydX9gzqeTMyvv5HNLBr1ZEJTGa4cPCC+Nd8YXhj4TRJEWtyGpG18ke8jqyDuiqTXeyyO1GbIKGLjeZSxyfirOxNTk72RqQQ1b7l9bIXSWkdeG02kgJWRnrJ6nWqMWzCK5ZUhkwbaI6JWKIAa05V1s0Uf+Zc2sMaEgEuXBueM/3qz/d/X3gLK9ocai2o3556G5JRTKJa2d5aoOD9GjngJ2BicFlwTNdRB01TFYZsXvAgHqN1g1pTxy4/3Km4lDacNXsyCJ4xxQZHHZp7sgJ6cFBaUsHxLbGMB02q1/zmR/cCb8MSO57UvsNsSqDN/mZYtmohTQ7MLxJ1Bhc19jd61siaRi8qbffiYKG3Fuxv7ounA2MSUtRL9r5+KtBwzO6blnNKYT4x89fcX4/nsz0qwoeepuQyYjbyi1fzCpeyR1nV9Slhm745O4W0RH81Vf4SIIGd1nHsebBrMNSmuEcZbzX3gV84JNJZPD/vteESkW8NuDwqVlS/KtHJfrEsnqBKfYoH7W0IJ8kr6W1nBbxy5fzxhNtACn8f/kyQmXFQjEqvwxXAPAhRRFXRJdL7ytGZZfRlX/RfYorLLIG7xss4p3rvmJRGbyp3Hwp9INHTqlCIX30qHOwVCGXfqigpTFK6aMPZvpkHygEqVwhnXsZx27PXBsZYvngrewLxbsfXPtq78FFoe+GfRP2buhIudzht+TfMm/X1q9un72YVoifUfdaN7ba/h90X+zeOd8qGNtWogKbKweWzDCkrNwckJ6iVSu18yev2hecC9Kjm8rNKjffD3vZlT8wMyhzzQ8rw7yfDJ4WnZszfGBpM2yKi9HEXHJkcCmuZljcJSXEUi6HNVw2PQdfw1B2zYzU2jkFrc+d3cC7UZdfUaKFHGPnTvn2Cc+ZeHDytQyteGM5dpgyAFXifwv/hu0BrRK/h1vyTuAZuCprnImb4fmEVoFPYYZm4ze4kXYR38GFtHL8EW4tEPAl3GPGzAYNm+BNLcrBv9LSh50xrw/P/Ffa/xcI4JUCoIkoEwImiitDAA8jvZAqWUZ10BEFYI0ZMmtBSogASKw+AOaINdB7Q4hD2LjxIQ5JAGY/MYjGaDqU8NZHk6TSoym0YdES8fJWlgoiwFAmBoCBZohoxN+haBGFi3xMed/nE/B+N5oU6lseRXDA0RJsCFqnVN/gkIwSOKOHs6hM3SqHme+0SuORhJUrOdvYdqMgOc/zsZzgdvCdqpTE5L/CPK6TE7qgcHfZUj0eq8oq8B0qgyDh2tt5lUvgnZzZk2inwJWblGR9p0w08x0gMYqAY+Tx4luomHRndjDjdbIO7CEpvH8ljs1Y7YwETavfmVkcgZtj/CopEiUz0DxhJ6vVqdR062KTyiP1ViqnoYDXQcUg9Zx2K4+n4qJncuKYeSSyNyBcciXJ3qxcYeLw4o4zLoTT16ZaWhZECCMCkYhCfohGYlOmhAzJgRzs0oY4erzdyJscRp7kBQsnUFajK1WT6jB2Gm0c5X0GdVGk1djZ7pB6vXaLy1FlN7o42mL0GE1GN0d4u23tYu9YY+d4u6sAAAAA') format('woff2'), url('fonts/iconfont.woff?t=1569351165560') format('woff'), url('fonts/iconfont.ttf?t=1569351165560') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('fonts/iconfont.svg?t=1569351165560#iconfont') format('svg'); /* iOS 4.1- */
}

.sysiconfont {
    font-family: "sysiconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sysicon-price:before {
    content: "\e603";
}

.sysicon-zhaobiao:before {
    content: "\e6cc";
}

.sysicon-order:before {
    content: "\e669";
}

.sysicon-fapiao:before {
    content: "\e719";
}

.sysicon-manage:before {
    content: "\e837";
}

.sysicon-xiaoxi:before {
    content: "\e6a5";
}

.sysicon-fanli:before {
    content: "\e715";
}

.sysicon-xxhdpiShape:before {
    content: "\e625";
}

.sysicon-database:before {
    content: "\e644";
}

.sysicon-xygl:before {
    content: "\e63d";
}

.sysicon-xuanzhuan:before {
    content: "\e6e2";
}

.sysicon-add:before {
    content: "\e625";
}