web-apps/apps/common/main/resources/less/searchdialog.less

.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-box {
    position: relative;
    border-collapse: collapse;

    #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;
        }
    }
}