.view-container { // padding: 15px; background: white; .grid-search { padding-top: 15px; //padding: 15px 15px 0 15px; } .grid-container, .grid-body { padding: 0 15px; } .view-header { padding-left: 15px; padding-right: 15px; } .fs-line { height: 9px; background: #f1f1f1; margin-top: -10px; margin-bottom: 10px; } } .view-header { height: 45px; position: relative; padding-bottom: 11px; display: flex; .search-line { min-width: 150px; } .search-line > div { margin-left: 5px; margin-right: 10px; } .search-line > div > div { width: 200px; text-align: left; } .search-line > div:first-child { flex: 1; } .search-line > div .ivu-select-dropdown { max-height: 300px; } .btn-group { white-space: nowrap; button { margin-left: 10px; // padding: 5px 16px; } } .btn-group .ivu-dropdown-item { text-align: left !important; } .btn-group .ivu-dropdown-item:not(:last-child) { border-bottom: 1px dotted #eee; } .desc-text { margin-top: 5px; font-weight: bold; margin-bottom: 3px; font-size: 14px; color: #313131; white-space: nowrap; border-bottom: 2px solid #646565; i { font-size: 16px; position: relative; top: 1px; margin-right: 2px; } } .search-box { background: #fefefe; margin-top: 45px; border: 1px solid #ececec; position: absolute; z-index: 999; left: 0; right: 0; padding: 25px 40px; padding-bottom: 0; box-shadow: 0px 7px 18px -12px #bdc0bb; } .notice { font-size: 13px; color: #6b6b6b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 12px; flex: 1; left: 10px; margin-right: 20px; } } .table-info-cell-title { background-color: #f5f5f5 !important; } .box-com { > div.item { // margin-bottom: 10px; padding: 15px 17px 0 8px; margin-bottom: 12px; background: white; } > div.form-item { padding: 19px 16px 0px 5px; //box-shadow: 0 1px 7px rgb(199, 199, 199); } > div.table-item { padding: 0 10px; border-top: 1.5px solid #eaeaea; } .v-text { line-height: 27px; } .form-text { position: relative; border-bottom: 1px solid #eee; font-size: 14px; margin-bottom: 14px; } } .form-closex { text-align: right; padding-bottom: 24px; } .form-closex button { margin-left: 10px; padding: 4px 13px; } .toolbar { padding: 3px 0px; width: 100%; display: flex; .title { line-height: 29px; border-bottom: none; font-size: 13px; font-weight: bolder; margin-bottom: 0; color: #5d5c5c; .icon { color: #009688; font-size: 18px; } i { line-height: 29px; border-bottom: none; font-weight: bolder; margin-bottom: 0; color: #5d5c5c; position: relative; margin-top: -4px; font-size: 14px; } } .btns { line-height: 28px; flex: 1; text-align: right; button { // border: none; // margin-left:15px; border: 0px; padding: 0px 9px; color: #292929; } button:hover{ color: #0089f6; } } }