/* SEARCH */

.btn-clarus, .btn-clarus:visited {
    background-color: #00454f !important;
    border-color: #00454f !important;
}

.btn-clarus:hover, .btn-clarus:active  {
    background-color: #033037 !important;
    border-color: #033037 !important;
}

input.form-control:focus,
input.form-check-input:focus {
    border-color: #033037 !important;
}

input.si {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    font-weight: 400;
}

.btn-fulllexicon {
    margin-top: 180px;
    font-size: small;
    background-color: #fafafa;
    border: 1px solid #f9f9f9;
}

.btn-fulllexicon:hover {
    font-size: small;
    background-color: #f3f3f3;
    border: 1px solid #efefef;
}

.search{
    margin-bottom: auto;
    margin-top: 200px;
    height: 70px;
    background-color: #eee;
    padding: 10px;
    border: 1px solid #444;
}

.search-input{
    color: white;
    border:0;
    outline: 0;
    background: none;
    width: 0;
    margin-top:5px;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.4s linear;

}

.search .search-input{
    padding: 0 10px;
    width: 550px;
    caret-color: #536bf6;
    font-size: 21px;
    font-weight: 300;
    color: black;
    transition: width 0.4s linear;
}

.search:hover>.search-icon{
    background:#1A237E;
    color:#fff;
}
.search-icon{

        height: 50px;
    width: 50px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: #536bf6;

}