.col-md-8 {
    //search box
    #SearchBox {
        @extend .form-control;
        @include border-radius(4px);
        width: 100% !important;
        //max-width: 35em !important;
        padding: 0 !important;
        float:none;
        @media (min-width: 641px){
            height: 55px;
        }
        .ms-srch-sbLarge {
            background-color: transparent;
            position: relative;
            input {
                height: 43px;
                margin: 0;
                padding: 0;
                border: 0;
                @include border-radius(4px);
                width: 100%;
                position: relative;
                padding: 5px;
                @media (min-width: 641px){
                    height: 53px;
                }
            }
        }
        .ms-srch-sb-searchLink {
            @include btn();
            @include btn-color($base-link-color,white);
            text-decoration: none;
            text-align: center;
            position: absolute;
            right: -1px;
            top: -1px;
            height: 45px;
            width: 45px;
            border: 0 !important;
            margin: 0;
            padding:0;
            @include border-radius(0px 4px 4px 0px);
            @media (min-width: 641px){
                height: 55px;
                width: 55px;
            }
            @media (max-width: 641px){
                padding:0;
                margin:0;
            }
            img {
                display: none;
            }
            &:before {
                font-family: "FontAwesome";
                font-size: 28px;
                content: "\f002";
                margin: 0;
                color: white;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -14px;
                margin-left: -13px;
                @media (max-width: 641px){
                    margin-top: -12px;
                }
            }
        }
    }
    //search results
    .ms-srch-group {
        .ms-srch-group-content {
            display: inline-block;
            width: 100%;
            //max-width: 35em;
            .ms-srch-item {
                padding: 8px 0;
                &:hover {
                    background: transparent;
                }
                .ms-srch-item-body {
                    .ms-srch-item-icon {
                        display: none;
                        img {}
                    }
                    .ms-srch-item-title {
                        h3.ms-srch-ellipsis {
                            white-space: normal;
                            overflow: visible;
                            display: block;
                            margin: 0;
                            .ms-srch-item-link {
                                font-weight: 700;
                                text-decoration: none;
                                strong {}
                            }
                        }
                    }
                    .ms-srch-item-summary {
                        font-size: 16px;
                        color: $base-font-color;
                        strong.ms-srch-item-highlightedText {
                            color: $base-font-color;
                        }
                    }
                    .ms-srch-item-path {
                        color: $base-link-color;
                        font-size: 16px;
                        display: none;
                    }
                    .ms-srch-hover-outerContainer {
                        display: none !important;
                    }
                }
            }
        }
    }
    //paging
    .ms-srch-Paging {
        #PagingImageLink {
            a {}
            .ms-promlink-button-image {
                img {
                    display: none;
                }
            }
            #PageLinkPrev {}
            #PageLinkNext {}
        }
        #PagingSelf {
            a {
                font-weight: 400;
                background: $base-link-color !important;
                color: white !important;
            }
        }
        #PagingLink {}
        a {
            color: $base-link-color !important;
            padding: 8px 15px !important;
            background: white !important;
            border: 1px solid $border-color !important;
            cursor: pointer !important;
            &:hover {
                background: $base-link-color !important;
                color: white !important;
            }
            &:focus {
                background: $focus-color !important;
                color: $base-font-color !important;
            }
        }
    }
}

.col-md-4 {
    .ms-ref-ctrl {
        .ms-ref-refiner {
            padding: 0;
            #Container {
                border-bottom: 3px solid $panel-color;
                padding: 0;
                .ms-ref-refinername {
                    background: $panel-color;
                    padding: 15px;
                    width: 100%;
                    font-size: 19px;
                    font-weight: 400;
                    position: relative;
                    padding-right: 30px;
                    .ms-displayInlineBlock {}
                    .ms-ref-uparrow,
                    .ms-ref-downarrow {
                        width: auto;
                        height: auto;
                        margin-top: 0;
                        float: right;
                        position: absolute;
                        right: 15px;
                        top: 18px;
                        color: $base-link-color;
                        &:after {
                            font-family: "FontAwesome";
                            font-size: 20px;
                        }
                    }
                    .ms-ref-uparrow {
                        background: none;
                        display: inline-block;
                        &:after {
                            content: "\f068";
                        }
                    }
                    .ms-ref-downarrow {
                        background: none;
                        display: inline-block;
                        &:after {
                            content: "\f067";
                        }
                    }
                }
                .ms-ref-allSec {
                    border-left: 3px solid $panel-color;
                    border-right: 3px solid $panel-color;
                    padding: 0;
                    color: $base-link-color;
                    div {
                        width: 100%;
                        a {
                            width: 100%;
                            color: $base-link-color;
                            padding: 10px 15px;
                        }
                    }
                }
                .ms-ref-unselSec,
                .ms-ref-selSec {
                    border-left: 3px solid $panel-color;
                    border-right: 3px solid $panel-color;
                    ;
                    border-top: 0;
                    padding: 0;
                    div {
                        width: 100% !important;
                        padding: 0;
                        a {
                            text-decoration: none;
                            width: 100%;
                            padding: 10px 15px;
                            .ms-ref-name {
                                color: $base-link-color;
                                &:hover {
                                    text-decoration: underline !important;
                                }
                            }
                            .ms-ref-count {
                                color: $secondary-font-color;
                            }
                        }
                    }
                }
            }
        }
    }
    .ms-ref-name {
        color: $base-link-color;
    }
}

//paging previous and next arrows
.sectionOne,
.sectionTwo {
    #PageLinkNext,
    #PageLinkPrev {
        @include border-radius(50%);
        height: 40px;
        width: 40px;
        .ms-promlink-button-image {
            position: relative;
            display: inline;
            width: 40px;
            height: 40px;
            overflow: hidden;
            margin: 0;
            &::before {
                font-family: FontAwesome;
                position: relative;
                top: -1px;
                left: -3px;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
            }
        }
    }
    #PageLinkNext .ms-promlink-button-image::before {
        content: "\f061";
    }
    #PageLinkPrev .ms-promlink-button-image::before {
        content: "\f060";
    }
}

.ms-srch-resultFooter {
    color: $secondary-font-color;
    font-weight: 300;
}

//search results document icons - need to be added to FET
.ms-srch-result {
    a[rel] {
        &:after {
            display: none;
        }
        &:before {
            font-family: FontAwesome;
            padding: 0 10px 0 0;
        }
        span {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 400;
            color: $secondary-font-color;
        }
    }
    a[rel="xls"]:before,
    a[rel="xlsx"]:before {
        content: "\f1c3";
        color: #269129;
    }
    a[rel="pdf"]:before {
        content: "\f1c1";
        color: #ED1F24;
    }
    a[rel="doc"]:before,
    a[rel="docx"]:before {
        content: "\f1c2";
        color: #294BA0;
    }
    a[rel="ppt"]:before,
    a[rel="pptx"]:before {
        content: "\f1c4";
        color: orange;
    }
    a[rel="external"]:before {
        content: "\f08e";
    }
}

.search-results-title {
    margin: 50px 0 15px !important;
    font-size: 24px !important;
}

//fix for search results filters
div a .ms-ref-name {
    overflow: visible;
}
.col-md-4 .ms-ref-ctrl #unselToggle{
    text-decoration:underline !important;
    padding:10px 15px;
    color:$base-link-color;
    width:100%;
    background:#e5f1f5;
}

.col-md-4 .ms-ref-ctrl .ms-ref-refiner {
    margin-bottom: 10px;
}