/***************** Override custom CSS for coveo *************************/
.CoveoSearchInterface .coveo-search-section{
        padding: 0% 0%;
}
.magic-box .magic-box-input .magic-box-underlay, .magic-box .magic-box-input > input
{
    padding: 12px 49px 12px 12px;
}
.CoveoOmnibox.magic-box .magic-box-input .magic-box-underlay {
        color:transparent;
    display: flex;
    align-items: center;
}
.CoveoSearchInterface .coveo-search-section{
    /*display: unset;*/
    align-items: unset;
    flex-direction: column;
}

.coveo-custom-class .hint {
    padding-right: unset;
}
.coveo-custom-class input { /* This css is mentioned in main.css this due to this css the close icon is not working set z-index: 1 --> z-index: unset*/
  z-index: unset;
}
.coveo-custom-class input:focus{
        box-shadow: unset;
}
@media(max-width: 1024px){
        .CoveoSearchInterface .coveo-search-section{
        padding: 0% 3%;
    }
}
@media(max-width: 767px){
        .CoveoSearchInterface .coveo-search-section{
        padding: 0% 6%;
    }
}
/***************** Override custom CSS for coveo *************************/