/*Search*/
.pm_search{
    position: fixed;
}
body:not(.home) .pm_search{
    top: calc( var(--header_height_search) * 0.6 );
}
.pm_search #participant_search_term,
.pm_search fieldset,
.pm_search form,
.pm_search .pdb-searchform{
    margin: 0 !important;
}
.pm_search legend,
.pm_search label,
.pm_search .pdb-error.pdb-search-error{
    display: none !important;
}
body .pm_search input[type="text"]#participant_search_term{
    border-radius: calc( var(--space) * 0.666) ;
    font-size: var(--nav-btn-small-font) ;
    padding-left: calc( var(--nav-btn-small-font) * 0.5 );
    padding-right: calc( var(--nav-btn-small-font) * 2.5 );
    color: #636363 !important;
    border: 3px solid #D9D9D9 ;
    background-color: #fff !important;
    height: var(--search-height);
}
body.home .pm_search #participant_search_term{
    border-radius: 20px !important;
}

body .pm_search .search-form-clear{
    opacity: 0.7;
    color: transparent !important;
    position: absolute;
    right: calc( var(--nav-btn-small-font) * 0.5 );
    top: 25px;
    width: calc( var(--nav-btn-small-font) * 1.5 ) ;
    height: calc( var(--nav-btn-small-font) * 1.5 ) ;
    background-size: contain;
}

/******
*icons
*******/
.pm_search::before{
    content: "";
    position: absolute;
    width: var(--small-btn-iconsize);
    height: var(--small-btn-iconsize);
    background-image: url(../images/icons/icon_search.png);
    background-repeat: no-repeat;
    background-position: center;
}




/******
*position + size // for home page in home file
*******/

    /*
    Portrait Mode
    */
    @media only screen and (orientation:portrait){
        .pm_search{
            width: 75vw;
            left: 12.5vw;
        }
    }

    /*
    Landscape Mode
    */
    @media only screen and (orientation:landscape){
        .pm_search{
            width: 50vw;
            left: 25vw;
        }
    }