.animation-tempo-250,
aside.main-sidebar,
aside.main-sidebar .overlay-mask,
aside.main-sidebar .close,
aside.main-sidebar .menu-wrap .logo-disp .icon,
aside.main-sidebar .menu-wrap .logo-disp span,
aside.main-sidebar .menu-wrap .mem-info .name,
aside.main-sidebar .menu-wrap .menu-list li .nav-link,
aside.main-sidebar .menu-wrap .menu-list li .nav-link .txt,
aside.main-sidebar .menu-wrap .menu-list li .nav-link .svg-inline--fa,
nav.main-header,
aside.panel-wrap,
.wrap-main-gap,
footer {
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

    .animation-tempo-350,
    aside.main-sidebar .menu-wrap > *,
    aside.main-sidebar .menu-wrap .menu-list li .nav-link ~ ul,
    nav.main-header .inner-wrap,
    .menu-bar .inner-icon,
    .menu-bar .inner-icon:before,
    .menu-bar .inner-icon:after,
    .customize-btn .inner-icon {
        -moz-transition-duration: 350ms;
        -o-transition-duration: 350ms;
        -webkit-transition-duration: 350ms;
        transition-duration: 350ms;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

.animation-tempo-400 {
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.animation,
.multi-lang .lang-list {
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

body.dark-mode {
    color: #e1e6ea;
}

    body.dark-mode a.normal-color {
        color: #e1e6ea;
    }

@media only screen and (min-width: 1025px) {
    body.dark-mode a.normal-color:hover {
        color: #b3b3b3;
    }
}

body.dark-mode .mask-bg .message-box {
    background: #484848;
}

body.dark-mode #goTop #anchorGoTop {
    background: rgba(33, 33, 33, 0.8);
}

body.dark-mode select,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode .fstElement,
body.dark-mode .fstResults {
    background: #424242;
}

    body.dark-mode select:focus,
    body.dark-mode input:focus,
    body.dark-mode textarea:focus,
    body.dark-mode .fstElement:focus,
    body.dark-mode .fstResults:focus {
        background-color: #424242;
    }

body.dark-mode .bootstrap-switch .bootstrap-switch-label {
    background: #424242;
}

body.dark-mode .fstElement .fstControls {
    background: #424242;
}

body.dark-mode .fstMultipleMode .fstChoiceItem {
    border: 1px solid #e1e6ea;
    background-color: #e1e6ea;
    color: #212121;
}

body.dark-mode .fstResultItem {
    color: #e1e6ea;
}

    body.dark-mode .fstResultItem.fstSelected {
        background-color: #1b1d1f;
        color: #9c9c9c;
    }

body.dark-mode .fstChoiceRemove {
    color: #212121;
}

body.dark-mode select,
body.dark-mode input,
body.dark-mode textarea {
    color: #e1e6ea;
}

    body.dark-mode input:-moz-placeholder,
    body.dark-mode textarea:-moz-placeholder {
        color: #9c9c9c;
    }

    body.dark-mode input::-moz-placeholder,
    body.dark-mode textarea::-moz-placeholder {
        color: #9c9c9c;
    }

    body.dark-mode input:-ms-input-placeholder,
    body.dark-mode textarea:-ms-input-placeholder {
        color: #9c9c9c;
    }

    body.dark-mode input::-webkit-input-placeholder,
    body.dark-mode textarea::-webkit-input-placeholder {
        color: #9c9c9c;
    }

    body.dark-mode input:disabled,
    body.dark-mode input:read-only,
    body.dark-mode textarea:disabled,
    body.dark-mode textarea:read-only {
        background-color: #9a9a9a;
    }

        body.dark-mode input:disabled:-moz-placeholder,
        body.dark-mode input:read-only:-moz-placeholder,
        body.dark-mode textarea:disabled:-moz-placeholder,
        body.dark-mode textarea:read-only:-moz-placeholder {
            color: #5f5f5f;
        }

        body.dark-mode input:disabled::-moz-placeholder,
        body.dark-mode input:read-only::-moz-placeholder,
        body.dark-mode textarea:disabled::-moz-placeholder,
        body.dark-mode textarea:read-only::-moz-placeholder {
            color: #5f5f5f;
        }

        body.dark-mode input:disabled:-ms-input-placeholder,
        body.dark-mode input:read-only:-ms-input-placeholder,
        body.dark-mode textarea:disabled:-ms-input-placeholder,
        body.dark-mode textarea:read-only:-ms-input-placeholder {
            color: #5f5f5f;
        }

        body.dark-mode input:disabled::-webkit-input-placeholder,
        body.dark-mode input:read-only::-webkit-input-placeholder,
        body.dark-mode textarea:disabled::-webkit-input-placeholder,
        body.dark-mode textarea:read-only::-webkit-input-placeholder {
            color: #5f5f5f;
        }

body.dark-mode .btn-default {
    background-color: #424242;
    border-color: #9c9c9c;
    color: #e1e6ea;
}

@media only screen and (min-width: 1025px) {
    body.dark-mode .btn-default:hover {
        background-color: #5f5e5e;
        color: #c3c3c3;
    }
}

body.dark-mode .sel.shift:before {
    border-bottom-color: #e1e6ea;
}

body.dark-mode .sel:after {
    border-top-color: #e1e6ea;
}

body.dark-mode .round-btn span,
body.dark-mode .tick-btn span {
    color: #e1e6ea;
}

body.dark-mode .round-btn input[type="checkbox"]:checked ~ span,
body.dark-mode .round-btn input[type="radio"]:checked ~ span {
    color: #fff;
}

    body.dark-mode .round-btn input[type="checkbox"]:checked ~ span:after,
    body.dark-mode .round-btn input[type="radio"]:checked ~ span:after {
        border: 1px solid #fff;
    }

body.dark-mode .round-btn input[type="checkbox"]:disabled ~ span:after,
body.dark-mode .round-btn input[type="radio"]:disabled ~ span:after {
    background: #9a9a9a;
}

body.dark-mode .round-btn span:before {
    background: #e1e6ea;
}

body.dark-mode .tick-btn span .icon:before {
    background: #212121;
}

body.dark-mode .tick-btn span .fa-check {
    color: #e1e6ea;
}

body.dark-mode .tick-btn input[type="checkbox"]:checked ~ span {
    color: #fff;
}

    body.dark-mode .tick-btn input[type="checkbox"]:checked ~ span:before {
        border-color: #fff;
    }

body.dark-mode .tick-btn input[type="checkbox"]:disabled ~ span {
    color: #898989;
}

    body.dark-mode .tick-btn input[type="checkbox"]:disabled ~ span .icon:before {
        background: #9a9a9a;
    }

body.dark-mode nav,
body.dark-mode .card,
body.dark-mode footer,
body.dark-mode .ori-bg {
    background: #212121;
}

body.dark-mode .ori-bg-reverse {
    background: #fff;
    color: #000;
}

body.dark-mode .ori-shadow {
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.125), 0 1px 3px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.125), 0 1px 3px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.125), 0 1px 3px rgba(255, 255, 255, 0.2);
}

@media only screen and (min-width: 1025px) {
    body.dark-mode .customize-control:hover .inner-icon {
        background: #b3b3b3;
    }
}

body.dark-mode .customize-control .inner-icon {
    background: #e1e6ea;
}

    body.dark-mode .customize-control .inner-icon:before,
    body.dark-mode .customize-control .inner-icon:after {
        background: #343a40;
    }

body.dark-mode aside.main-sidebar .close .icon-close {
    color: #e1e6ea;
}

@media only screen and (min-width: 1025px) {
    body.dark-mode .menu-bar:hover .inner-icon {
        background: #b3b3b3;
    }

        body.dark-mode .menu-bar:hover .inner-icon:before,
        body.dark-mode .menu-bar:hover .inner-icon:after {
            background: #b3b3b3;
        }
}

body.dark-mode .menu-bar .inner-icon {
    background: #e1e6ea;
}

    body.dark-mode .menu-bar .inner-icon:before,
    body.dark-mode .menu-bar .inner-icon:after {
        background: #e1e6ea;
    }

body.dark-mode .gray-bg {
    background: #424242;
}

body.dark-mode .card-head {
    border-bottom: 1px solid #505050;
}

@media only screen and (min-width: 1025px) {
    body.dark-mode .pagination li a.selected:hover {
        color: #fff;
    }
}

@media only screen and (min-width: 1025px) {
    body.dark-mode .pagination li a:hover {
        background: #989898;
        color: #2f3031;
    }

        body.dark-mode .pagination li a:hover.shift-icon {
            background: transparent;
            color: #e1e6ea;
        }
}

body.dark-mode .data-table .row-wrap:nth-child(2n + 1) {
    background: #424242;
}

body.dark-mode .data-table .row-wrap.title {
    background: #3e4c59;
    border-right: 1px solid #d5d6d8;
    border-left: 1px solid #d5d6d8;
}

body.lg-font {
    font-size: 16px;
}

body.sm-font {
    font-size: 13px;
}

aside.main-sidebar {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 201;
}

@media only screen and (min-width: 1025px) {
    aside.main-sidebar {
        -moz-transition-property: width;
        -o-transition-property: width;
        -webkit-transition-property: width;
        transition-property: width;
        -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }
}

@media only screen and (max-width: 1024px) {
    aside.main-sidebar {
        left: -250px;
        -moz-transition-property: left;
        -o-transition-property: left;
        -webkit-transition-property: left;
        transition-property: left;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

aside.main-sidebar[class*="sidebar-dark-"] {
    color: #e1e6ea;
}

    aside.main-sidebar[class*="sidebar-dark-"] a {
        color: #e1e6ea;
    }

    aside.main-sidebar[class*="sidebar-dark-"] .logo-disp,
    aside.main-sidebar[class*="sidebar-dark-"] .mem-info {
        border-bottom: 1px solid #4f5962;
    }

    aside.main-sidebar[class*="sidebar-dark-"] .menu-wrap {
        background: #343a40;
    }

@media only screen and (min-width: 1025px) {
    aside.main-sidebar[class*="sidebar-dark-"] .menu-wrap .nav-link:hover {
        background: #494e53;
    }

        aside.main-sidebar[class*="sidebar-dark-"] .menu-wrap .nav-link:hover .txt {
            background: #494e53;
        }
}

aside.main-sidebar[class*="sidebar-dark-"] .menu-wrap .nav-link.active {
    background: #6b6b6b;
}

    aside.main-sidebar[class*="sidebar-dark-"] .menu-wrap .nav-link.active .txt {
        background: #6b6b6b;
    }

aside.main-sidebar[class*="sidebar-light-"] {
    color: #343a40;
}

    aside.main-sidebar[class*="sidebar-light-"] a {
        color: #343a40;
    }

    aside.main-sidebar[class*="sidebar-light-"] .logo-disp,
    aside.main-sidebar[class*="sidebar-light-"] .mem-info {
        border-bottom: 1px solid #dee2e6;
    }

    aside.main-sidebar[class*="sidebar-light-"] .menu-wrap {
        background: #f7f7f7;
    }

@media only screen and (min-width: 1025px) {
    aside.main-sidebar[class*="sidebar-light-"] .menu-wrap .nav-link:hover {
        background: #dedede;
    }

        aside.main-sidebar[class*="sidebar-light-"] .menu-wrap .nav-link:hover .txt {
            background: #dedede;
        }
}

aside.main-sidebar[class*="sidebar-light-"] .menu-wrap .nav-link.active {
    background: #bdbdbd;
}

    aside.main-sidebar[class*="sidebar-light-"] .menu-wrap .nav-link.active .txt {
        background: #bdbdbd;
    }

@media only screen and (min-width: 1025px) {
    aside.main-sidebar.expansion {
        width: 250px;
    }

        aside.main-sidebar.expansion .menu-wrap .menu-list li .nav-link.open > .fa-angle-left {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
        }
}

@media only screen and (min-width: 1025px) {
    aside.main-sidebar.sidebar-collapse {
        width: 70px;
    }

        aside.main-sidebar.sidebar-collapse:hover {
            width: 250px;
        }

        aside.main-sidebar.sidebar-collapse ~ nav.main-header {
            width: -moz-calc((100% - 70px));
            width: -webkit-calc((100% - 70px));
            width: calc((100% - 70px));
        }

        aside.main-sidebar.sidebar-collapse ~ #content .wrap-main-gap {
            margin-left: 70px;
        }

        aside.main-sidebar.sidebar-collapse .menu-wrap .logo-disp .icon,
        aside.main-sidebar.sidebar-collapse .menu-wrap .logo-disp span {
            -moz-transition-property: max-width, margin-left, opacity;
            -o-transition-property: max-width, margin-left, opacity;
            -webkit-transition-property: max-width, margin-left, opacity;
            transition-property: max-width, margin-left, opacity;
        }

        aside.main-sidebar.sidebar-collapse .menu-wrap .logo-disp span {
            margin-left: -10px;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
        }

        aside.main-sidebar.sidebar-collapse .menu-wrap .mem-info .name {
            margin-left: -10px;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            -moz-transition-property: margin-left, opacity;
            -o-transition-property: margin-left, opacity;
            -webkit-transition-property: margin-left, opacity;
            transition-property: margin-left, opacity;
        }

        aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .nav-link {
            margin-right: 7px;
            -moz-transition-property: margin-right, background;
            -o-transition-property: margin-right, background;
            -webkit-transition-property: margin-right, background;
            transition-property: margin-right, background;
        }

            aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .nav-link .txt,
            aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .nav-link .fa-angle-left {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                opacity: 0;
            }

            aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .nav-link .txt {
                padding-left: 28px;
                -moz-transition-property: min-width, padding-left, opacity, background;
                -o-transition-property: min-width, padding-left, opacity, background;
                -webkit-transition-property: min-width, padding-left, opacity, background;
                transition-property: min-width, padding-left, opacity, background;
            }

            aside.main-sidebar.sidebar-collapse .menu-wrap .menu-list li .nav-link .fa-angle-left {
                margin-left: -10px;
                -moz-transition-property: margin-left, opacity, -moz-transform;
                -o-transition-property: margin-left, opacity, -o-transform;
                -webkit-transition-property: margin-left, opacity, -webkit-transform;
                transition-property: margin-left, opacity, transform;
            }

        aside.main-sidebar.sidebar-collapse ~ footer {
            width: -moz-calc((100% - 70px));
            width: -webkit-calc((100% - 70px));
            width: calc((100% - 70px));
            margin-left: 70px;
        }
}

@media only screen and (min-width: 1025px) {
    aside.main-sidebar.sidebar-collapse.ani-expand {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

        aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .logo-disp .icon,
        aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .logo-disp span {
            -moz-transition-delay: 0.5s;
            -o-transition-delay: 0.5s;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .mem-info .name {
            -moz-transition-delay: 0.5s;
            -o-transition-delay: 0.5s;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .menu-list li .nav-link {
            -moz-transition-delay: 0.5s;
            -o-transition-delay: 0.5s;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

            aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .menu-list li .nav-link .txt,
            aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .menu-list li .nav-link .fa-angle-left {
                -moz-transition-delay: 0.5s;
                -o-transition-delay: 0.5s;
                -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s;
            }

            aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .menu-list li .nav-link .fa-angle-left {
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                opacity: 0;
            }

        aside.main-sidebar.sidebar-collapse.ani-expand:hover {
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

            aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .logo-disp .icon,
            aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .logo-disp span {
                -moz-transition-delay: 0s;
                -o-transition-delay: 0s;
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
            }

            aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .logo-disp span {
                margin-left: 0;
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
            }

            aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .mem-info .name {
                margin-left: 0;
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                -moz-transition-delay: 0s;
                -o-transition-delay: 0s;
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
            }

            aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .nav-link {
                margin-right: 25px;
                -moz-transition-delay: 0s;
                -o-transition-delay: 0s;
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
            }

                aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .nav-link .txt,
                aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .nav-link .fa-angle-left {
                    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                    opacity: 1;
                    -moz-transition-delay: 0s;
                    -o-transition-delay: 0s;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s;
                }

                aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .nav-link .txt {
                    padding-left: 38px;
                }

                aside.main-sidebar.sidebar-collapse.ani-expand:hover .menu-wrap .menu-list li .nav-link .fa-angle-left {
                    margin-left: 0;
                }
}

@media only screen and (max-width: 1024px) {
    aside.main-sidebar.sidebar-collapse.ani-expand .menu-wrap .menu-list li .nav-link.open > .fa-angle-left {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }
}

@media only screen and (max-width: 1024px) {
    aside.main-sidebar.open {
        width: 250px;
        left: 0;
        -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }
}

@media only screen and (max-width: 1024px) {
    aside.main-sidebar.open .overlay-mask {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        opacity: 0.3;
        pointer-events: auto;
        cursor: pointer;
    }
}

aside.main-sidebar.open > .close {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    pointer-events: auto;
}

@media only screen and (max-width: 1024px) {
    aside.main-sidebar.close {
        width: 250px;
    }
}

@media only screen and (min-width: 1025px) {
    aside.main-sidebar ~ nav.main-header {
        width: -moz-calc((100% - 250px));
        width: -webkit-calc((100% - 250px));
        width: calc((100% - 250px));
    }
}

@media only screen and (min-width: 1025px) {
    aside.main-sidebar ~ #content .wrap-main-gap {
        margin-left: 250px;
    }
}

@media only screen and (min-width: 1025px) {
    aside.main-sidebar ~ footer {
        width: -moz-calc((100% - 250px));
        width: -webkit-calc((100% - 250px));
        width: calc((100% - 250px));
        margin-left: 250px;
    }
}

@media only screen and (max-width: 1024px) {
    aside.main-sidebar .overlay-mask {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
        z-index: 11;
    }
}

aside.main-sidebar .close {
    display: none;
    width: 25px;
    position: absolute;
    top: 10px;
    left: 260px;
    font-size: 20px;
    z-index: 99;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

@media only screen and (max-width: 1024px) {
    aside.main-sidebar .close {
        display: block;
    }
}

aside.main-sidebar .close .icon-close {
    color: #000;
}

aside.main-sidebar .menu-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 50;
}

    aside.main-sidebar .menu-wrap > * {
        padding: 10px;
    }

    aside.main-sidebar .menu-wrap .logo-disp {
        font-size: 157.143%;
    }

        aside.main-sidebar .menu-wrap .logo-disp a {
            display: block;
            white-space: nowrap;
        }

            aside.main-sidebar .menu-wrap .logo-disp a span {
                display: inline-block;
            }

        aside.main-sidebar .menu-wrap .logo-disp .icon {
            display: inline-block;
            min-width: 50px;
            width: auto;
            max-width: 100px;
            height: 40px;
            margin-right: 5px;
            vertical-align: -12px;
        }

            aside.main-sidebar .menu-wrap .logo-disp .icon .inner-table {
                display: table;
                width: 100%;
                height: 100%;
            }

                aside.main-sidebar .menu-wrap .logo-disp .icon .inner-table .inner-cell {
                    display: table-cell;
                    vertical-align: middle;
                }

                    aside.main-sidebar .menu-wrap .logo-disp .icon .inner-table .inner-cell img {
                        width: auto;
                        height: auto;
                        max-width: 100%;
                        max-height: 40px;
                        margin: auto;
                    }

    aside.main-sidebar .menu-wrap .mem-info {
        margin: 0 10px;
        padding: 10px 0;
        white-space: nowrap;
    }

        aside.main-sidebar .menu-wrap .mem-info > * {
            display: inline-block;
            vertical-align: middle;
        }

        aside.main-sidebar .menu-wrap .mem-info img {
            width: 40px;
            margin: 0 10px 0 5px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        }

        aside.main-sidebar .menu-wrap .mem-info .svg-inline--fa {
            margin: 0 10px 0 5px;
            font-size: 40px;
        }

        aside.main-sidebar .menu-wrap .mem-info .name em {
            font-size: 114.2857%;
        }

        aside.main-sidebar .menu-wrap .mem-info .log-btn {
            display: block;
        }

    aside.main-sidebar .menu-wrap .menu-list {
        padding: 10px 10px 60px 18px;
    }

        aside.main-sidebar .menu-wrap .menu-list li {
            margin: 5px 0;
        }

@media only screen and (min-width: 1025px) {
    aside.main-sidebar .menu-wrap .menu-list li.lv1 > .nav-link {
        height: 32px;
    }

        aside.main-sidebar .menu-wrap .menu-list li.lv1 > .nav-link .txt {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
}

aside.main-sidebar .menu-wrap .menu-list li.lv1 > .nav-link + ul {
    position: relative;
}

    aside.main-sidebar .menu-wrap .menu-list li.lv1 > .nav-link + ul:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        background: #6b6b6b;
        top: 0;
        left: 17px;
        margin: 5px 0 0;
        z-index: 11;
    }

aside.main-sidebar .menu-wrap .menu-list li.lv2:last-child {
    margin-bottom: 0;
}

aside.main-sidebar .menu-wrap .menu-list li.lv2 > ul > li:last-child {
    margin-bottom: 0;
}

aside.main-sidebar .menu-wrap .menu-list li .nav-link {
    position: relative;
    display: block;
    margin-right: 25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition-property: background;
    -o-transition-property: background;
    -webkit-transition-property: background;
    transition-property: background;
}

    aside.main-sidebar .menu-wrap .menu-list li .nav-link.open > .svg-inline--fa {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    aside.main-sidebar .menu-wrap .menu-list li .nav-link.open > .fa-folder-open,
    aside.main-sidebar .menu-wrap .menu-list li .nav-link.open .fa-file-alt {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    aside.main-sidebar .menu-wrap .menu-list li .nav-link.open > .fa-angle-left {
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

@media only screen and (max-width: 1024px) {
    aside.main-sidebar .menu-wrap .menu-list li .nav-link.open > .fa-angle-left {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }
}

aside.main-sidebar .menu-wrap .menu-list li .nav-link ~ ul {
    max-height: 0;
    overflow: hidden;
}

aside.main-sidebar .menu-wrap .menu-list li .nav-link .txt {
    display: block;
    min-width: 1px;
    position: relative;
    padding: 5px 5px 5px 38px;
    line-height: 22px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

aside.main-sidebar .menu-wrap .menu-list li .nav-link .svg-inline--fa {
    display: inline-block;
    width: 1em;
    position: absolute;
    top: 4px;
    left: 5px;
    font-size: 170%;
    vertical-align: -7px;
    z-index: 11;
}

aside.main-sidebar .menu-wrap .menu-list li .nav-link .fa-folder {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

aside.main-sidebar .menu-wrap .menu-list li .nav-link .fa-folder-open,
aside.main-sidebar .menu-wrap .menu-list li .nav-link .fa-file-alt {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

aside.main-sidebar .menu-wrap .menu-list li .nav-link .fa-angle-left {
    top: 9px;
    left: auto;
    right: -20px;
    font-size: 118%;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}

.ori-bg {
    background: #fff;
}

.ori-bg-reverse {
    background: #212121;
    color: #e1e6ea;
}

.ori-shadow {
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

nav.main-header {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-transition-property: width, top, background;
    -o-transition-property: width, top, background;
    -webkit-transition-property: width, top, background;
    transition-property: width, top, background;
    -moz-box-shadow: 0 0 1px 1px rgba(24, 24, 24, 0.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(24, 24, 24, 0.3);
    box-shadow: 0 0 1px 1px rgba(24, 24, 24, 0.3);
    z-index: 99;
}

    nav.main-header.down {
        top: -50px;
    }

    nav.main-header.up {
        top: 0;
    }

    nav.main-header .inner-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        flex: 1;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        nav.main-header .inner-wrap > * {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
        }

        nav.main-header .inner-wrap .left {
            flex: 1;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
        }

            nav.main-header .inner-wrap .left > *:first-child {
                margin-left: 20px;
            }

@media only screen and (max-width: 767px) {
    nav.main-header .inner-wrap .left > *:first-child {
        margin-left: 15px;
    }
}

nav.main-header .inner-wrap .middle {
    flex: 1.5;
    -webkit-justify-content: center;
    justify-content: center;
}

nav.main-header .inner-wrap .right {
    flex: 1;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

    nav.main-header .inner-wrap .right > * {
        margin-right: 20px;
    }

@media only screen and (max-width: 767px) {
    nav.main-header .inner-wrap .right > * {
        margin-right: 15px;
    }
}

nav.main-header .inner-wrap .right > *.panel-wrap {
    margin-right: 0;
}

.menu-bar {
    display: block;
    padding: 7px 0;
}

@media only screen and (min-width: 1025px) {
    .menu-bar.shrink .inner-icon {
        width: 30px;
    }
}

@media only screen and (min-width: 1025px) {
    .menu-bar.shrink .inner-icon:before,
    .menu-bar.shrink .inner-icon:after {
        width: 30px;
    }
}

.menu-bar:before {
    content: "";
    display: block;
    width: 60px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (min-width: 1025px) {
    .menu-bar:hover .inner-icon {
        background: #585858;
    }

        .menu-bar:hover .inner-icon:before,
        .menu-bar:hover .inner-icon:after {
            background: #585858;
        }
}

.menu-bar .inner-icon {
    display: block;
    width: 18px;
    height: 3px;
    position: relative;
    background: #343a40;
    -moz-transition-property: width, background;
    -o-transition-property: width, background;
    -webkit-transition-property: width, background;
    transition-property: width, background;
}

@media only screen and (max-width: 1024px) {
    .menu-bar .inner-icon {
        width: 25px;
        height: 2px;
    }
}

.menu-bar .inner-icon:before,
.menu-bar .inner-icon:after {
    content: "";
    display: block;
    width: 18px;
    height: 3px;
    position: absolute;
    background: #343a40;
    -moz-transition-property: width, background;
    -o-transition-property: width, background;
    -webkit-transition-property: width, background;
    transition-property: width, background;
}

@media only screen and (max-width: 1024px) {
    .menu-bar .inner-icon:before,
    .menu-bar .inner-icon:after {
        width: 25px;
        height: 2px;
    }
}

.menu-bar .inner-icon:before {
    top: -7px;
}

@media only screen and (max-width: 1024px) {
    .menu-bar .inner-icon:before {
        top: -6px;
    }
}

.menu-bar .inner-icon:after {
    top: 7px;
}

@media only screen and (max-width: 1024px) {
    .menu-bar .inner-icon:after {
        top: 6px;
    }
}

#goTop {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 9999;
}

@media only screen and (max-width: 1024px) {
    #goTop {
        right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    #goTop {
        right: 0;
    }
}

#goTop #anchorGoTop {
    display: block;
    width: 50px;
    height: 60px;
    position: relative;
    padding: 5px 0;
    text-align: center;
    font-size: 107.1428%;
    background: rgba(255, 255, 255, 0.8);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    #goTop #anchorGoTop:before {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        position: absolute;
        margin-top: 35px;
        left: 50%;
        margin-left: -11px;
        border-top: 1px solid;
        border-right: 1px solid;
        -moz-transform: rotate(-45deg) skew(8deg, 8deg);
        -ms-transform: rotate(-45deg) skew(8deg, 8deg);
        -webkit-transform: rotate(-45deg) skew(8deg, 8deg);
        transform: rotate(-45deg) skew(8deg, 8deg);
    }

.func-list > * {
    display: inline-block;
    vertical-align: middle;
}

.multi-lang {
    position: relative;
}

    .multi-lang > a {
        display: block;
        font-size: 164.2857%;
    }

        .multi-lang > a.open + .lang-list {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

    .multi-lang .lang-list {
        display: block;
        position: absolute;
        width: 100px;
        right: 0;
        padding: 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

        .multi-lang .lang-list li {
            margin: 5px 0 0;
        }

            .multi-lang .lang-list li:first-child {
                margin: 0;
            }

            .multi-lang .lang-list li a {
                display: block;
            }

.customize-control.open + .panel-wrap {
    right: 0;
}

.customize-btn {
    display: block;
}

@media only screen and (min-width: 1025px) {
    .customize-btn:hover .inner-icon {
        background: #585858;
    }
}

.customize-btn .inner-icon {
    display: block;
    width: 23px;
    height: 23px;
    position: relative;
    background: #343a40;
}

    .customize-btn .inner-icon:before,
    .customize-btn .inner-icon:after {
        content: "";
        display: block;
        position: absolute;
        background: #fff;
    }

    .customize-btn .inner-icon:before {
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
        margin-top: 0;
    }

    .customize-btn .inner-icon:after {
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        margin-left: -1px;
    }

.page-loading {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
}

    .page-loading .icon-loading {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -80px;
        left: 50%;
        margin-left: -30px;
        font-size: 60px;
        color: #fff;
    }

aside.panel-wrap {
    width: 250px;
    height: 100%;
    height: -moz-calc((100% - 50px));
    height: -webkit-calc((100% - 50px));
    height: calc((100% - 50px));
    position: fixed;
    top: 50px;
    right: -250px;
    padding: 20px;
    background: #343a40;
    z-index: 99;
    -moz-transition-property: right;
    -o-transition-property: right;
    -webkit-transition-property: right;
    transition-property: right;
}

    aside.panel-wrap .color-picker-wrap li {
        display: block;
    }

        aside.panel-wrap .color-picker-wrap li .form-label {
            color: #fff;
        }

        aside.panel-wrap .color-picker-wrap li .sp-replacer {
            width: 48px;
            height: 28px;
            border: 0;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        }

        aside.panel-wrap .color-picker-wrap li .sp-dd {
            display: none;
        }

.wrap-main-gap {
    -moz-transition-property: margin-left;
    -o-transition-property: margin-left;
    -webkit-transition-property: margin-left;
    transition-property: margin-left;
}

.main-wrap {
    display: -webkit-flex;
    display: flex;
    min-height: inherit;
    position: relative;
}

footer {
    padding: 10px 0;
    -moz-transition-property: width, margin-left;
    -o-transition-property: width, margin-left;
    -webkit-transition-property: width, margin-left;
    transition-property: width, margin-left;
}

    footer .copyright {
        padding: 0 20px;
        text-align: center;
        font-size: 85.714%;
    }