/*Remove the styling being applied by datatables*/
div#selection-container .dataTables_wrapper .dataTables_filter input {
    background-color: unset;
    color: unset;
    margin-left: unset;
}

    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="text"],
    /*Remove the styling being applied by datatables*/
    div.dt-container div.dt-search input[type="search"] {
        border-radius: var(--border-radius);
        border: 1px solid var(--brand-gray-dark);
        transition: all 0.3s;
        box-sizing: border-box;
        outline: 0;
        width: 100%;
        padding: 8px 8px 7px 8px;
    }

        input[type="email"]:read-only,
        input[type="password"]:read-only,
        input[type="number"]:read-only,
        input[type="text"]:read-only,
        input[type="search"]:read-only {
            opacity: 0.5;
            pointer-events: none;
        }

.error input[type="email"],
.error input[type="password"],
.error input[type="number"],
.error input[type="text"],
/*Remove the styling being applied by datatables*/
div.dt-container div.dt-search .error input[type="search"] {
    border-color: var(--brand-feedback-error);
}

    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="number"]:focus,
    input[type="text"]:focus,
    /*Remove the styling being applied by datatables*/
    div.dt-container div.dt-search input[type="search"]:focus {
        border-color: var(--brand-blue-secondary);
        z-index: 1;
    }