@import "src/main/scss/index.scss";

$defaultHeight: 40px;

div#paneSearch {

    width: 248px;
    margin: 0 auto;

    input#navigation-pane-search {
        background: $white;
        border: 1px solid $grey-border;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 8px;
        height: $defaultHeight;
    }
    
    .navigation-pane-search {
        padding-top: 16px;
        width: 100%;
    }

    div.paneSearchInputWrapper {
        position: relative;
        span.paneSearchInputClearIcon {
            position: absolute;
            top: calc(50% + 2px); //Just to include a border
            right: 8px;
            cursor: pointer;
        }
    }
}

.navigation-pane-popup {
    margin-top: 1.2em;
}