.work-order{width:100%;height:100%;padding:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.work-order-title{padding:10px 0 15px;font-weight:700;font-size:18px}.work-order-tab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:20px}.work-order-tab-item{margin-right:10px;cursor:pointer;padding-bottom:2px}.work-order-tab-item>div{font-size:16px;color:#989a9e}.work-order-tab-item-active>div{color:#333;font-weight:700}.work-order-tab-item-active{position:relative}.work-order-tab-item-active:after{position:absolute;content:"";width:100%;height:2px;bottom:-3px;background:#b83737}.work-order-filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:20px}.work-order-filter-item{margin-right:10px}.work-order-filter-item-search{border:1px solid #b83737;color:#b83737}.work-order-filter-item-reset,.work-order-filter-item-reset:hover{border:1px solid #55657a;color:#55657a}.work-order-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background:#fff}.work-order-content-table-edit{color:#b83737}.work-order-modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.work-order-modal-content-label{padding-right:10px}.work-order-modal-content-value{height:200px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}