/*
=============================
= SEARCHBOX DEFAULTS
=============================
*/

.-pd-searchbox {
    display: grid;
    grid-template-columns: auto max-content;
}

.-pd-searchbox input[type=text] {
    width: 100%;
    height: 20px;
    box-sizing: border-box;
    color: var(--visiv-theme-input-text-color);
    padding-left: 5px;
}

.-pd-searchbox button {
    display: flex;
    padding: 0;
    justify-content: center;
    position: absolute;
    right: 6px;
    width: 20px;
    height: 18px;
    bottom: 0;
    top: 6px;
    box-sizing: border-box;
    border: 0 none;
    filter: none;
    padding-top: 3px;
    background: none;
    background-image: none;
    background-color: var(--visiv-theme-input-back-color) !important;
    border-color: var(--visiv-theme-input-border-color) !important;
    color: var(--visiv-theme-input-text-color);
}

.-pd-searchbox button > i.icofont-close {
    position: relative;
    top: -1px;
    font-size: 15px;
}

.-pd-searchbox > button:hover {
    filter: none;
    background: none !important;
    background-color: var(--visiv-theme-input-back-color) !important;
    border-color: var(--visiv-theme-input-border-color) !important;
}