/*Common*/
.ant-input-group-addon {border-radius:5px;}
.self-required label:before {content:"*";color:#f00;margin-right:5px;}
.self-title {font-weight:bold;padding:10px;}
.self-form {margin:0 10px;padding:10px;background-color:#fff;border-radius:5px;}
.self-form-row {display:flex;gap:10px;margin:5px 0;}
.self-form-item {display:flex;align-items:center;width:50%;}
.self-form-item label {flex:0 0 auto;width:60px;text-align:right;margin-right:10px;}
.self-form-input {flex:1 1 auto;}
.self-table {margin:0 10px;padding:10px;background-color:#fff;border-radius:5px;}
.self-table .ant-table-wrapper {padding:0;}
.self-tool {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.self-tool .title {font-weight:bold;}
.self-action {text-align:center;position:absolute;left:0;right:0;bottom:50px;}
.self-action button {width:120px;margin:0 10px;}

.self-modal .ant-modal {top:80px;max-width:calc(100vw - 80px);max-height:calc(100vh - 130px);}

.self-search .head {padding:10px;}
.self-search .body {overflow:auto;max-height:calc(100vh - 350px);}
.self-search .foot {padding:10px;text-align:center;}
.self-search .foot button {width:88px;margin:0 10px;}

/*Layout*/
.self-wrapper {
    position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f5fbff;
    display:grid;grid-template-rows:80px auto 50px;
}
.self-head {display:flex;justify-content:space-between;align-items:center;padding:10px 20px;}
.self-head .app-name {font-size:30px;font-weight:bold;}
.self-head .app-date {font-size:15px;}
.self-head .app-time {font-size:26px;font-weight:bold;text-align:right;}
.self-body {}
.self-foot {text-align:center;line-height:50px;color:#919191;}

/*Home*/
.self-home {display:grid;grid-template-rows:200px auto;}
.self-home img {width:100%;height:100%;}

.self-banner {margin:20px 10px;}
.self-menu {margin:0 10px;display:flex;}
.self-menu .print {width:30%;}
.self-menu-left {display:flex;gap:10px;flex-wrap:wrap;width:70%;}
.self-menu-left > div {width:calc(50% - 10px);}

/*Order*/
.self-order {}
.self-addon .ant-input-group-addon {width:80px;padding:0;}
.self-addon .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {padding:0;}
.self-suite {margin:0 10px 10px 10px;padding:10px;border:1px solid #f1f1f1;border-radius:5px;}
.self-suite.active {border-color:#1189f1;}
.self-suite .items {display:flex;flex-wrap:wrap;margin:0;padding:10px 0 0 0;}
.self-suite .items li {width:33%;height:30px;line-height:30px;overflow:hidden;padding-right:10px;}
.self-suite .items li > .ant-btn-link {display:inline-block;width:10px;height:30px;line-height:30px;}