@media (max-width: 480px) {
    .CoveoSearchInterface .CoveoSearchbox {
        max-width: 800px;
        margin-right: 50px
    }
}

.CoveoSearchInterface {
    min-width: 300px;
}

.CoveoSearchInterface > * {
    display: none;
    visibility: hidden
}

.coveo-after-initialization > * {
    display: inherit;
    visibility: inherit
}

.coveo-after-initialization input {
    display: inline-block
}

.CoveoSearchButton {
    color: #fff;
    border: 1px solid #7e8c9a;
    border-left: none;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    height: 50px;
    width: 60px;
    cursor: pointer;
    line-height: 0
}

.CoveoSearchButton:before {
    content: "";
    vertical-align: middle;
    height: 100%;
    display: inline-block
}

.CoveoSearchButton .coveo-search-button, .CoveoSearchButton .coveo-search-button-loading {
    vertical-align: middle;
    animation: none;
    display: inline-block
}

.CoveoSearchButton .coveo-search-button-loading-svg {
    display: none
}

.CoveoSearchButton:hover .coveo-magnifier-circle-svg {
    fill: #ecad00
}

.coveo-search-button-svg {
    width: 18px;
    height: 18px;
    color: #1d4f76
}

.CoveoSearchInterface {
    min-height: 100%;
    position: relative;
    margin: 0;
    font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #313a45
}

.CoveoSearchInterface input[type=text]::-ms-clear {
    width: 0;
    height: 0
}

.CoveoSearchInterface input:focus {
    outline: 0
}

.CoveoSearchInterface input[type=text] {
    color: #67768b
}

.CoveoSearchInterface * {
    box-sizing: border-box
}

.coveo-visible-to-screen-reader-only {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.coveo-accessible-button:hover {
    cursor: pointer
}

.coveo-accessible-button:active {
    outline: 0
}

.CoveoOmnibox.magic-box .magic-box-suggestions {
    z-index: 3
}

.CoveoOmnibox.magic-box .magic-box-input .magic-box-underlay {
    display: flex;
    align-items: center
}

.magic-box {
    flex-grow: 1;
    position: relative;
    text-align: left;
    color: #212121
}

.magic-box .magic-box-input {
    background: #fff;
    height: 48px;
    overflow: hidden;
    position: relative
}

.magic-box .magic-box-input .magic-box-underlay, .magic-box .magic-box-input > input {
    color: #212121;
    text-align: left;
    padding: 12px 49px 12px 12px;
    text-indent: 0;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    white-space: pre;
    overflow: auto;
    box-sizing: border-box;
    display: block
}

.magic-box .magic-box-input input {
    background: 0 0;
    border: none;
    resize: none;
    outline: 0
}

.magic-box .magic-box-input input::-ms-clear {
    width: 0;
    height: 0
}

.magic-box .magic-box-input .magic-box-underlay {
    color: transparent;
    overflow: hidden
}

.magic-box .magic-box-input .magic-box-underlay > span {
    text-indent: 0
}

.magic-box .magic-box-input .magic-box-underlay span {
    display: inline-block;
    vertical-align: top
}

.magic-box .magic-box-input .magic-box-underlay span[data-value=""] {
    height: 24px
}

.magic-box .magic-box-input .magic-box-underlay .magic-box-ghost-text {
    visibility: hidden;
    color: #bdbdbd
}

.magic-box .magic-box-input .magic-box-underlay:after {
    content: "";
    display: inline-block
}

.magic-box .magic-box-clear {
    position: relative;
    float: right;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    transition: visibility .3s, width .3s;
    cursor: pointer;
    background: #fff;
    width: 0;
    visibility: hidden;
    overflow: hidden
}

.magic-box .magic-box-clear .magic-box-icon:before {
    color: #9e9e9e;
    font-family: arial, sans-serif;
    content: "X";
    font-size: 24px
}

.magic-box .magic-box-clear:before {
    content: "";
    border-left: 1px solid #e0e0e0;
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 0
}

.magic-box .magic-box-suggestions {
    clear: both;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    overflow: visible;
    background: #fff;
    z-index: 1;
    display: none;
    font-family: arial, sans-serif
}

.CoveoSearchbox {
    display: flex;
    flex-grow: 1
}

.CoveoSearchbox .CoveoSearchButton {
    z-index: 2;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.CoveoSearchbox .magic-box {
    border: thin solid #7e8c9a;
    border-radius: 2px
}

.CoveoSearchbox .magic-box .magic-box-clear-svg {
    width: 15px;
    height: 15px;
    color: #1d4f76
}

.CoveoSearchbox .magic-box .magic-box-clear:before {
    border-left: none
}

.CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon:before {
    content: ""
}

.CoveoSearchbox .magic-box .magic-box-input {
    border-radius: 2px
}

.CoveoSearchbox .magic-box .magic-box-input > input {
    color: #67768b
}

.coveo-query-syntax-disabled .magic-box-highlight-container, .coveo-query-syntax-disabled.magic-box .magic-box-input .magic-box-underlay span, .magic-box .magic-box-input .magic-box-underlay .magic-box-ghost-text {
    display: none
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
    display: block
}

.magic-box.magic-box-notEmpty .magic-box-clear {
    width: 48px;
    visibility: visible
}

.magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
    display: block
}

.magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion .coveo-magicbox-suggestions {
    border: thin solid #7e8c9a
}

.magic-box .magic-box-suggestions .magic-box-suggestion {
    opacity: 1;
    transition: opacity .3s
}

.magic-box .magic-box-suggestions .magic-box-suggestion {
    cursor: pointer;
    line-height: 24px;
    padding: 12px;
    font-size: 16px;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #fafafa;
    color: #212121
}

.magic-box .magic-box-suggestions .magic-box-suggestion:first-child {
    border-top: none
}

.magic-box .magic-box-suggestions .magic-box-suggestion:hover {
    background: #f5f5f5
}

.CoveoOmnibox.magic-box .magic-box-suggestions {
    z-index: 3
}

.CoveoOmnibox.magic-box .coveo-omnibox-hightlight2 {
    font-style: italic;
    color: #000
}

.CoveoOmnibox.magic-box .magic-box-suggestion {
    font-weight: 700;
    color: #000
}

.CoveoOmnibox.magic-box .magic-box-suggestion .coveo-omnibox-hightlight2 {
    font-weight: 400
}

.CoveoOmnibox.magic-box .coveo-omnibox-selectable {
    cursor: pointer
}

.magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
    display: block
}

.magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion .coveo-magicbox-suggestions {
    border: thin solid #7e8c9a
}

.magic-box .magic-box-suggestions {
    clear: both;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    overflow: visible;
    background: #fff;
    z-index: 1;
    display: none;
    font-family: arial, sans-serif
}

.magic-box .magic-box-suggestions .magic-box-suggestion {
    opacity: 1;
    transition: opacity .3s
}

.magic-box .magic-box-suggestions .magic-box-suggestion {
    cursor: pointer;
    line-height: 24px;
    padding: 12px;
    font-size: 16px;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #fafafa;
    color: #212121
}

.magic-box .magic-box-suggestions .magic-box-suggestion:first-child {
    border-top: none
}

.magic-box .magic-box-suggestions .magic-box-suggestion:hover {
    background: #f5f5f5
}

.coveo-accessible-button:hover {
    cursor: pointer
}

.coveo-accessible-button.coveo-accessible-button-pressed:focus, .coveo-accessible-button:active {
    outline: 0
}

.magic-box .magic-box-clear {
    position: relative;
    float: right;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    transition: visibility .3s, width .3s;
    cursor: pointer;
    background: #fff;
    width: 0;
    visibility: hidden;
    overflow: hidden
}

.magic-box .magic-box-clear .magic-box-icon:before {
    color: #9e9e9e;
    font-family: arial, sans-serif;
    content: "X";
    font-size: 24px
}

.magic-box .magic-box-clear:before {
    content: "";
    border-left: 1px solid #e0e0e0;
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 0
}

.magic-box.magic-box-notEmpty .magic-box-clear {
    width: 48px;
    visibility: visible
}

.magic-box .magic-box-clear {
    position: relative;
    float: right;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    transition: visibility .3s, width .3s;
    cursor: pointer;
    background: #fff;
    width: 0;
    visibility: hidden;
    overflow: hidden
}

.magic-box .magic-box-clear .magic-box-icon:before {
    color: #9e9e9e;
    font-family: arial, sans-serif;
    content: "X";
    font-size: 24px
}

.magic-box .magic-box-clear:before {
    content: "";
    border-left: 1px solid #e0e0e0;
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 0
}

.magic-box.magic-box-notEmpty .magic-box-clear {
    width: 48px;
    visibility: visible
}

.CoveoSearchbox .magic-box .magic-box-clear-svg {
    width: 15px;
    height: 15px;
    color: #1d4f76
}

.CoveoSearchbox .magic-box .magic-box-clear:before {
    border-left: none
}

.CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon:before {
    content: ""
}