/*--App--*/
.kui-app {position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}

.kui-app-nav {
    position:fixed;top:0;left:0;right:0;z-index:100;padding:0 1rem;font-weight:bold;font-size:1rem;text-align:center;
    border-bottom:1px solid #ccc;box-shadow:0 -5px 20px rgba(0, 0, 0, 0.1);height:45px;line-height:45px;
}
.kui-app-nav .back {cursor:pointer;position:absolute;top:0;left:0;bottom:0;width:80px;}
.kui-app-nav-tool {position:fixed;top:7px;right:10px;color:#fff;font-size:20px;padding:0 10px;z-index:101;}
.kui-app-page {height:100%;overflow:auto;}
.kui-app-page.nav {padding-top:45px;}
.kui-app-page.tab {padding-bottom:50px;}

.kui-app-tab {
    position:fixed;left:0;right:0;bottom:0;z-index:100;height:50px;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(0%,1fr));list-style:none;
    border-top:1px solid #ccc;box-shadow:0 -5px 20px rgba(0, 0, 0, 0.1);background:var(--kui-bgcolor);
}
.kui-app-tab li {cursor:pointer;display:flex;flex-direction:column;text-align:center;padding-top:5px;}
.kui-app-tab .anticon {font-size:18px;}

.kui-app-menu {list-style:none;margin:0;padding:0;}
.kui-app-menu li {display:inline-block;text-align:center;cursor:pointer;margin-bottom:20px;}
.kui-app-menu-icon {color:#fff;border-radius:50%;width:60px;height:60px;margin:0 auto 5px auto;}
.kui-app-menu .anticon {font-size:40px;margin-top:10px;}

.kui-app-row {display:flex;height:56px;}
.kui-app-row > label, .kui-app-row > span {padding-top:5px;}
.kui-app-row > label {padding-right:10px;}

.kui-app-fixed, .kui-app-fixed > .ant-tabs-nav {
    background:var(--kui-bgcolor);
}
.kui-app-fixed > .ant-tabs-nav {position:fixed;top:40px;left:0;right:0;z-index:101;}
.kui-app-fixed > .ant-tabs-content-holder {padding-top:60px;}

.kui-app-search {width:100%;height:100%;}
.kui-app-search-box, .kui-app-search-info {position:absolute;}
.kui-app-search-box {left:0;right:0;z-index:101;display:flex;}
.kui-app-search-info {left:0;right:0;bottom:0;z-index:101;}
.kui-app-search-result {padding:40px 0;}
.kui-app-search-add {padding-bottom:10px;}
.kui-app-search-suggest {padding-bottom:10px;}
.kui-app-page .kui-app-search-box {position:fixed;top:45px;padding:20px;}
.kui-app-page .kui-app-search-result {padding:60px 20px 60px 20px;}
.kui-app-page .kui-app-search-info {position:fixed;padding:10px;}
.kui-app-page.tab .kui-app-search-info {bottom:50px;}
.kui-app-page .kui-tags .ant-tag {margin-right:0;}

.ant-modal-body .kui-app-search-box, 
.ant-modal-body .kui-app-search-info,
.ant-drawer-body .kui-app-search-box,
.ant-drawer-body .kui-app-search-info {
    left:10px;right:10px;
}
.ant-modal-body .kui-app-search-info,
.ant-drawer-body .kui-app-search-info {
    bottom:10px;
}
.ant-list .ant-empty {margin-top:1rem;}

.kui-app-rc2 {display:flex;justify-content:space-between;align-items:center;}

.carousel {}
.carousel img {width:100%;height:200px;}

/*User*/
.kui-app .form-user, .kui-app .form-password {padding:30px;}
.kui-app .form-password .kui-form-button {margin-left:0;}
.kui-app .form-user .ant-form-item-label {width:80px;}
.kui-app .form-user .kui-form-button {margin-left:80px;}
.kui-app .form-user .ant-row {flex-direction:row;}
.kui-app .form-user .ant-form .ant-form-item .ant-form-item-label {flex:0 1 auto;width:25%;}
.kui-app .form-user .ant-form .ant-form-item .ant-form-item-control {flex:0 1 auto;width:75%;}

/*Form*/
.kui-app-form {padding:1rem 1rem 64px 1rem;}
.kui-app-form-action {position:fixed;left:0;right:0;bottom:0;padding:1rem;}
.kui-app-form-inline .ant-row {flex-flow:row nowrap;}
.kui-app-form-inline .ant-form-item .ant-form-item-label {flex:0 0 100px;}
.kui-app-form-inline .ant-form-item .ant-form-item-control {flex:0 0 calc(100% - 100px);}
.kui-app-form-inline .ant-form-item .ant-form-item-control .anticon-plus-circle {font-size:1.2rem;}

:root[data-theme=dark] .kui-app-nav.ant-btn-primary {
    background-color:#131313;color:#d8d8d8;
}