
.searchpageheader
{
    margin-top: 20px;
    margin-bottom: 14px;
    margin-left: 14px;
    margin-right: 14px;
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.searchpagetitle
{
    color: #333;

    font-size: 30px;
    font-weight: 600;
    margin-right: 8px;
    margin-bottom: 16px;
}

.searchpageshowingheading
{
    text-align: right;
    color: #777;
    font-style: italic;
}

.searchpagedescription
{
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 20px;
}

.searchpagereplacementline
{
    margin-bottom: 8px;
}

.searchpageitems
{
    //margin-left: 12px;
}
.searchpagenavigation
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display:flex;
    justify-content: space-around;
    max-width: 600px;
    align-items: center;
    //margin: 14px 8px 24px 8px;
    font-size: 24px;
    //text-align: center;
}

.searchpagenavigation div
{
   text-align: center;
}

.searchpagenavigationpages
{
    margin: 10px 0;
    
    flex-grow: 1;
    display: flex;
    justify-content: space-around;
}
.searchpagelink
{
    display: inline-block;

    text-align: center;
    border-radius: 14px;
    //font-size: 26px;
    margin: 8px 0;
    //padding: 4px 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
    min-width: 32px;
    align-items: center;
    
}

.searchpagelinkcurrent
{
    background-color: #c80000;
    color: white;
}

.searchpagelinkcurrent a
{
    color: white;
}

.searchpagelinkother:hover
{
    background-color: #eee;
    //font-weight: 600;
    //color: white;
}

.searchpagelinkrelative
{
    //color:white;
    //background-color: #555;
    padding-left: 12px;
    padding-right: 12px;
}

.searchpagelinkdisabled
{
    color: #aaa;
    //visibility: hidden;
}

.noquerytextbox
{
    margin-top: 12px;
    margin-right: 12px;
}
.noquerysearchiconcontainer
{
    margin-top: 12px;
}
   
@media screen and (max-width: 480px)
{
    .searchpagenavigation
    {
        flex-direction: column;
        max-width: unset;
    }
    
    .searchpagenavigationpages
    {
        min-width: 100%;
        //margin: auto auto;
        //justify-content: space-around;
    }
}