.CoveoSearchInterface {
    /*margin-top: 54px;*/
    background-color: transparent;
    min-width: 200px;
}

#coveo-custom-search-header .coveo-search-section {
    margin: 10px 0 0 0;
}
  
.magic-box .magic-box-input > input
{
    font-family: GT-Walsheim-Condensed-Light, arial;
    font-size: .9em;
}


.CoveoSearchbox .magic-box .magic-box-input 
{
    height: 32px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}  

.magic-box .magic-box-input .magic-box-underlay,
.magic-box .magic-box-input > input {
    height: 30px;
}

.magic-box.magic-box-notEmpty .magic-box-clear {
    width: 32px;
    height: 32px;
    line-height: 24px;
}

.CoveoSearchbox .magic-box .magic-box-clear-svg {
    width: 10px;
    height: 10px;
}

.CoveoSearchbox .magic-box 
{
    border: none;
}
#search .CoveoSearchbox .magic-box .magic-box-input {
    border: thin solid #7e8c9a;
}

.magic-box .magic-box-input > input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

.magic-box .magic-box-input > input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

.magic-box .magic-box-input > input::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}


.CoveoSearchButton 
{
    height: 32px;
    width: 42px;
}
  
.CoveoSearchButton:hover {
    background: #14286e;
    border: 1px solid #14286e;
    color: #fff;
}
.CoveoSearchButton:hover .coveo-search-button-svg {
    color: #fff;
}
.CoveoSearchButton:hover .coveo-magnifier-circle-svg {
    fill: #fff;
}
  
a.CoveoSearchButton:hover {
    line-height: 0.9em;
}
  
@media (max-width: 991px)
{
    #coveo-custom-search-header .coveo-search-section {
        padding: 0 20px 10px 20px;
        background-color: #dadada;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
}