.search { .body { padding: 24px 0; .box { padding-left: 18px; padding-bottom: 16px; } .input-row { height: @input-height-base; width: 510px; margin-bottom: 10px; .row-el { margin-top: 3px; margin-right: 10px; } } input[type=text] { display: inline-block; width: 470px; } #sd-text-search { &:not(.clear) { margin-left: 8px; } &.clear { width: 100%; } } #sd-text-replace, #search-label-replace { margin-left: 39px; } #search-label-replace { padding-top: 3px; } .btn.normal { width: 100px; &.iconic { width: 45px; padding-top: 2px; span.icon { display: inline-block; width: 16px; height: 16px; &.back { background-position: @search-dlg-offset-x @search-dlg-offset-y; } &.next { background-position: @search-dlg-offset-x @search-dlg-offset-y - 16px; } } } &.right { float: right; } } .separator.horizontal { width: 100%; } .footer { padding: 20px; &.right { text-align: right; } } } } .search-bar { z-index: 950; .box { padding: 16px; display: flex; input[type=text] { width: 192px; } .tools { display: flex; align-items: center; div { margin-left: 5px; &:first-of-type { margin-left: 7px; } } } } } .search-panel { position: relative; border-collapse: collapse; line-height: 15px; #search-header { position: relative; height: 45px; padding: 12px; overflow: hidden; border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie; border-bottom: @scaled-one-px-value solid @border-toolbar; label { font-size: 12px; .font-weight-bold(); margin-top: 2px; } #search-btn-close { float: right; } } #search-adv-settings { padding: 10px 15px 0 15px; table { width: 100%; } .padding-small { padding-bottom: 8px; } .padding-large { padding-bottom: 14px; } #search-adv-results-number { padding-top: 2px; } } }