@charset "UTF-8";

.CoveoSearchbox .CoveoSearchButton {
    border: none;
    float: left;
    cursor: inherit;
    width: 25px;
    height: 25px;
    background: url(/content/dam/delltechnologies/images/nav/Dell_Icon-Magnifying_Glass-sprite.svg) no-repeat 0px -50px;
    background-size: cover;
    margin-top: 12px;
}

.coveo-search-button g, .magic-box-icon g,
.CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon:before {
    display: none;
}

/*
.CoveoSearchButton>.coveo-icon {
    background-position: -11230px -35.8px
}

.CoveoSearchButton:hover>.coveo-icon {
    background-position: -11266px -17.8px
}
*/

.header-wrapper {
    position: relative
}

ul.breadcrumb {
    padding-left: 0
}

#header-search.search,
#header-search-mobile.search {
    background: url(/content/dam/delltechnologies/images/nav/Dell_Icon-Magnifying_Glass-sprite.svg) no-repeat;
    cursor: initial;
    background-size: cover;
}

.header-light #header-search.search,
.header-light #header-search-mobile.search {
  background-position: 0 -60px;
}

.header-light .sticky #header-search.search,
.header-light .sticky #header-search-mobile.search {
  background-position: 0 0;
}

#header-search.search:hover,
#header-search-mobile.search:hover {
  background-position: 0 -30px !important;
}


/*
.header-light .search,
.header-light .sticky .search,
*/
#header-search.search,
#header-search-mobile.search {
    /*display: none;*/
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right
}

    /* Corporate templates  */
    .corporate #header-search.search,
    .corporate-homepage #header-search.search,
    #search .search {
        float: right;
        margin-top: 20px;
        display: none;
    }

    .corporate #header-search-mobile,
    .corporate-homepage #header-search-mobile {
        margin-top: 26px !important;
        display: block;

    }


    /*  ----  */

#searchbox {
    /*
    display: none;
    top: 0px;
    right: 0px;
    width: 35%;
    position: absolute;
    height: 1000%;
    background-color: #f2af00;
    margin: 0px;
    padding: 0px 2%;
    transition: left 1s,width 1s;

    top: -1px;
    min-height: 400px;
    height: 101%;
    min-width: 320px;
    */
    z-index: 999;
    -webkit-transition: top 1s,width 1s;
    transition: top 1s,height 1s;
    background-color: #0076CE;
    position: absolute;
    padding: 0px 20px;
    margin: 0px;
    height: 305px;
    top: -310px;
}

#searchbox.default-status {
    /* display: none!important */
}

#header.searchbox-display {
    height: 125px
}

#header.searchbox-display .header-wrapper {
    height: 65px
}

.header-light .searchbox-display .search,
.searchbox-display .search {
    opacity: 1;
    /* background: 0 */
}

.searchbox-display .search::after,
.searchbox-display .search::before {
    /* width: 35px; */
    width: 0px;
    content: "";
    transform: rotate(45deg);
    /* height: 1px; */
    height: 1px;
    background-color: gray;
    position: absolute
}

.header-light .searchbox-display .search::after,
.header-light .searchbox-display .search::before {
    background-color: #fff
}

.header-light .sticky.searchbox-display .search::after,
.header-light .sticky.searchbox-display .search::before {
    background-color: gray
}

.searchbox-display .search::after {
    transform: rotate(-45deg)
}

#searchbox .search-top {
    height: 80px;
    padding-top: 19px;
}

#header-search-close.searchClose {
    height: 30px;
    float: right;
    position: relative;
    width: 30px;
    cursor: pointer;
    background: url(/content/dam/delltechnologies/images/nav/Dell_Icon-Close_X-sprite.svg) no-repeat 0 -60px;
    background-size: cover;
}
#header-search-close.searchClose:hover {
    background: url(/content/dam/delltechnologies/images/nav/Dell_Icon-Close_X-sprite.svg) no-repeat 0 -60px;
    background-size: cover;
    opacity: .6;
}

.magic-box .magic-box-input,
.magic-box .magic-box-clear {
    background: none;
}

.CoveoSearchbox .magic-box {
    border: none;
    border-radius: unset;
    border-bottom: 3px solid #FFFFFF;
}

.CoveoSearchbox .magic-box .magic-box-input>input {
    color: #FFFFFF;
    font-size: 24px;
    font-family: Roboto;
    font-weight: 200;
}

.magic-box-input ::placeholder {
    color: #FFFFFF !important;
}

.magic-box-icon {
    background: url(/content/dam/delltechnologies/images/nav/Dell_Icon-Close_X-sprite.svg) no-repeat 0 -50px;
    background-size: cover;
    width: 25px;
    height: 25px;
    margin-top: 12px;
}

.magic-box-icon:hover {
    opacity: .6;
}

@media screen and (min-width:0) {
    #header .search {
        margin-right: 11px;
        margin-top: 21px
    }
    .corporate #header-search-mobile.search,
    .corporate-homepage #header-search-mobile.search {
        margin-right: 20px;
    }
    .searchbox-display .search::after,
    .searchbox-display .search::before {
        top: 35px
    }
    #searchbox {
        width: 100%;
    }
    #searchbox.show {
        top: 0px;
    }
    #searchbox .coveo-search-section {
        margin: 25px auto 0;
        padding: 0px;
        width: 75%;
    }
}

@media screen and (min-width:40em) {
    #header.searchbox-display {
        height: 150px
    }
    #header.searchbox-display .header-wrapper {
        height: 80px
    }
    /*
    #searchbox {
        width: 70%;
    }
    #searchbox.show {
        bottom: 75%;
    }
    #searchbox .coveo-search-section {
        margin: 25px auto 0;
        padding: 0px;
        width: 50%;
    }
    */
    #header .search {
        margin-right: 23px;
        margin-top: 27px
    }
    .corporate #header-search-mobile.search,
    .corporate-homepage #header-search-mobile.search {
        margin-right: 40px;
    }
}

@media screen and (min-width:48em) {


}

@media screen and (min-width:61.25em) {
    .searchbox-display .search::after,
    .searchbox-display .search::before {
        top: 40px
    }
    /*
    #searchbox {
        width: 45%;
    }

    #searchbox.show {
        left: 55%;
    }
    */
}

@media screen and (min-width:80em) {
    #searchbox {
        padding: 0px 50px;
    }
    #searchbox .coveo-search-section {
        width: 50%;
    }
    /* Corporate templates  */
    .corporate #header-search-mobile.search,
    .corporate-homepage #header-search-mobile.search {
        display: none;
    }
    .corporate #header-search.search,
    .corporate-homepage #header-search.search {
        display: block;
        margin-top: 25px;
        margin-right: -20px;
        margin-left: 15px;
    }
    .corporate #header-search.search, .corporate-homepage #header-search.search {
        margin-right: 20px;
    }
}


@media screen and (min-width:100em) {
    #searchbox {
        padding: 0px 90px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all {
    .CoveoSearchbox .CoveoSearchButton {
        display: none;
    }
}