body{
    background-color: #cccccc46;
}
#c-pagination-functions a{
    margin: 0px 10px;
    border: solid;
    border-width: 2px;
    padding: 10px 15px;
    border-radius: 12px;
    font-weight: bolder;
    color: #8f8f8f;
    font-size: 0.8em;
}

#c-pagination-functions .active{
    color: #212C3B;
}

#i-search{
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 15px;
}

#i-search input{
    border:solid;
    border-width: 0px 0px 1px 0px;
    padding-bottom: 10px;
    border-color: #ccc;
    width: 100%;
}
#i-search input:focus{
    outline: none;
}

#i-search #c-selects{
    display: flex;
    align-items: center;
    justify-content: end;
}

#i-search #c-selects select{
    padding: 0px 15px;
    margin: 0px 10px;
}
@media screen and ( max-width:768px ) {
    #i-search{
        display: block;
    }
    #i-search input{
        margin-top: 20px;
    }
    #i-search #c-selects{
        justify-content: center;
    }
}