/** kit_admin-v1.1.0 MIT License By http://kit/zhengjinfan.cn e-mail:zheng_jinfan@126.com */
.kit-sided .layui-side-scroll .layui-nav-item a, .layui-layout-admin .layui-header .layui-layout-right {
    padding: 0
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-button:vertical {
    display: none
}

::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {
    background-color: #e2e2e2
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0,0,0,.3)
}

    ::-webkit-scrollbar-thumb:vertical:hover {
        background-color: rgba(0,0,0,.35)
    }

    ::-webkit-scrollbar-thumb:vertical:active {
        background-color: rgba(0,0,0,.38)
    }

a, button {
    position: relative;
    border: none;
    outline: 0;
    cursor: pointer;
    overflow: hidden;
    user-select: none
}

.ripple {
    position: absolute;
    background: rgba(0,0,0,.15);
    border-radius: 100%;
    transform: scale(0);
    pointer-events: none
}

.kit-table, .kit-table .kit-table-header {
    position: relative;
    box-shadow: 0 1px 7px 0 #ccc
}

.kit-nav .layui-this, .layui-layout-left .layui-nav-item:hover {
    background-color: #393D49 !important
}

.ripple.show {
    animation: ripple .75s ease-out
}

@keyframes ripple {
    to {
        transform: scale(2);
        opacity: 0
    }
}

.kit-layout-admin .kit-logo-mobile {
    display: none
}

.kit-nav .layui-nav-item {
    line-height: 50px
}

    .kit-nav .layui-nav-item .layui-nav-more {
        top: 22px
    }

    .kit-nav .layui-nav-item .layui-nav-mored {
        top: 16px
    }

    .kit-nav .layui-nav-item .layui-nav-child {
        top: 55px
    }

.kit-nav * {
    font-size: 13px
}

.kit-nav .layui-nav-bar {
    height: 0
}

.kit-nav .layui-this:after {
    content: none
}

.kit-layout-admin .layui-footer {
    height: 35px;
    line-height: 35px
}

.kit-layout-admin .layui-body {
    /*bottom: 35px;*/
    top: 50px
}

.kit-layout-admin .layui-header {
    height: 50px
}

.kit-layout-admin .layui-logo {
    line-height: 50px
}

.kit-layout-admin .kit-side {
    top: 50px
}

.kit-layout-admin .kit-sided {
    width: 50px
}

.kit-side .layui-side-scroll, .kit-side .layui-side-scroll .layui-nav-tree {
    width: auto
}

    .kit-side .layui-side-scroll .kit-side-fold {
        height: 35px;
        background-color: #4A5064;
        color: #aeb9c2;
        line-height: 35px;
        text-align: center;
        cursor: pointer
    }

.kit-sided .layui-side-scroll .layui-nav-item {
    text-align: center
}

.kit-side .layui-nav-tree .layui-nav-child a {
    padding-left: 30px
}

.kit-sided .layui-nav-tree .layui-nav-child a {
    padding-left: 0
}

.kit-sided .layui-side-scroll a span {
    display: none
}

.kit-layout-admin .kit-body-folded, .kit-layout-admin .kit-footer-folded {
    left: 50px
}

.kit-table .kit-table-header {
    height: 50px
}

    .kit-table .kit-table-header .kit-search-btns {
        padding: 10px;
        position: absolute
    }

    .kit-table .kit-table-header .kit-search-inputs {
        position: absolute;
        right: 70px;
        top: 0;
        padding: 10px 25px 10px 10px
    }

        .kit-table .kit-table-header .kit-search-inputs .kit-search-keyword {
            margin-right: 10px;
            position: relative
        }

        .kit-table .kit-table-header .kit-search-inputs .kit-search-more {
            cursor: pointer;
            color: #009688;
            position: absolute;
            top: 15px;
            right: -50px
        }

        .kit-table .kit-table-header .kit-search-inputs .kit-search-keyword input {
            height: 30px;
            line-height: 30px;
            width: 200px;
            padding-right: 32px
        }

        .kit-table .kit-table-header .kit-search-inputs .kit-search-keyword button {
            position: absolute;
            right: 0;
            top: 0;
            width: 30px;
            height: 30px;
            border: 0;
            cursor: pointer;
            background-color: #009688;
            color: #fff
        }

    .kit-table .kit-table-header .kit-search-btns .layui-btn {
        padding: 0 15px
    }

.kit-table .kit-search-mored {
    height: auto;
    top: 51px;
    background-color: #fff;
    z-index: 5;
    box-shadow: -4px 4px 7px -3px #ccc;
    position: absolute;
    margin-bottom: 10px;
    display: none;
    right: 0;
    width: 50%
}

    .kit-table .kit-search-mored .kit-search-body {
        padding: 10px 10px 45px
    }

    .kit-table .kit-search-mored .kit-search-footer {
        height: 50px;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        border-top: 1px solid #e2e2e2;
        text-align: right
    }

.kit-tab, .kit-table .kit-table-body {
    position: relative
}

.kit-table .kit-search-mored .kit-search-footer .kit-btn {
    margin: 10px 5px;
    padding: 0 15px
}

    .kit-table .kit-search-mored .kit-search-footer .kit-btn:last-child {
        margin-right: 15px
    }

.kit-tab, .kit-table .kit-table-body .layui-table-view {
    margin: 0
}

.kit-tab {
    border-bottom: 0;
    box-shadow: none
}

    .kit-tab .kit-tab-tool, .kit-tab .kit-tab-tool-body .kit-line {
        border-bottom: 1px solid #e2e2e2
    }

    .kit-tab .kit-tab-tool {
        position: absolute;
        width: 60px;
        height: 40px;
        top: 0;
        right: 0px;
        border-left: 1px solid #e2e2e2;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        border-right: 1px solid #e2e2e2
    }

        .kit-tab .kit-tab-tool:hover {
            background-color: #f3f3f3
        }

    .kit-tab .kit-tab-tool-body {
        position: absolute;
        top: 40px;
        right: 10px;
        width: 150px;
        border: 1px solid #e2e2e2;
        display: none;
        background-color: #fff;
        z-index: 999
    }

        .kit-tab .kit-tab-tool-body ul {
            text-align: center;
            padding: 8px 0
        }

            .kit-tab .kit-tab-tool-body ul li.kit-item {
                line-height: 35px;
                cursor: pointer;
                color: #393D49
            }

                .kit-tab .kit-tab-tool-body ul li.kit-item:hover {
                    background-color: #f3f3f3
                }

    .kit-tab .layui-tab-title {
        width: calc(100% - 62px);
        padding-right: 0;
        position: absolute;
        z-index: 2
    }

    .kit-tab .layui-tab-content {
        padding: 0;
        position: relative;
        top: 41px;
        overflow-y: auto
    }

        .kit-tab .layui-tab-content iframe {
            width: 100%;
            border: 0
        }

@media (max-width:992px) {
    .kit-layout-admin .layui-body, .kit-layout-admin .layui-footer, .kit-layout-admin .layui-layout-left {
        left: 50px
    }

    .kit-layout-admin .kit-side {
        width: 50px
    }

        .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item, .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd {
            text-align: center
        }

            .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item a, .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd a {
                padding: 0
            }

                .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item a span, .kit-layout-admin .kit-side .layui-side-scroll .layui-nav li.layui-nav-item dl dd a span, .kit-layout-admin .layui-logo, .kit-side .layui-side-scroll .kit-side-fold {
                    display: none
                }

    .kit-layout-admin .kit-logo-mobile {
        display: block;
        width: 50px
    }

    .kit-table .kit-search-mored {
        width: 100%;
        box-shadow: 0 4px 7px -3px #ccc
    }

    .kit-side .layui-nav-tree .layui-nav-child a, .kit-sided .layui-nav-tree .layui-nav-child a {
        padding-left: 0
    }
}
