.view-card { > .ivu-card-extra { top: 5px; right: 0px; } } .edit-view3 { height: 100%; } .edit-view3-drheader { height: 40px; line-height: 40px; display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid rgb(220, 222, 226); .dr-tab-item { cursor: pointer; padding: 0 16px; &.is-active, &:hover { color: #2d8cf0; } &.is-active { position: relative; } &.is-active::after { content: ''; width: 100%; height: 2px; background: #2d8cf0; position: absolute; left: 0px; bottom: 0px; } } } .edit-view3-content { height: calc(100% - 40px); .edit-view3-content__form, > .view-container2 { height: 100%; } } .ibizorder-sedit-view3 { height: 100%; } .ibizorder-sedit-view3{ position: relative; } .toolbar-container { button { margin: 6px 0px 4px 4px; .caption { margin-left: 4px; } } .seperator { color: #dcdee2; margin: 0 0px 0 4px; } } // this is less .deepskyblueToolBar {color:white !important;background-color:#108cee !important;}