.report-filter {
    clear: both;
    font-size: 0.9rem;
    padding-bottom: 5px;
}

.report-filter.edit-buttons .btn {
    margin-bottom: 5px;

}


.report-filter .btn {
    font-size: 0.9rem;
    width: 100%;
    margin-top: 5px;
    margin-right:0px;
height:46px;
}




.report-filter input[type=text] {
    display: flex;
    font-size: 0.9rem;
    height: 46px;
    padding: .375rem 1rem;
    color: var(--cx-admin-button-outline,#20355a);
    margin-right: 10px;
    border-radius: .25rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--cx-admin-button-outline,#20355a);
    width: 100%;
}
.report-filter input[type=text]:focus {
    color: var(--cx-admin-button-outline,#20355a);
    background-color: #fff;

    outline: 0;
    box-shadow:none;
}
    


    @media (min-width:992px) {
        .report-filter {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        clear: none;
        text-align: right;
        display: flex;
        flex-wrap: wrap;
        min-height:71px;


    }

        .report-filter form > div, .report-filter form > button {
        margin-bottom:5px;
        }
            .report-filter input[type=text] {
                width: 350px;
                
              
            }
            .report-filter form {
                display: flex;
                flex-wrap: wrap;
            }

            .report-filter .btn {
                width: auto;
                margin-top: 0;
            }
}


.report-filter .input-wrapper {
    position:relative;
}
.report-filter .clear-input {
    right: 16px;
}

.report-filter .clear-input {
    position: absolute;
    right: 30px;
    top: 14px;
    cursor: pointer;
    color: var(--cx-admin-button-outline,#20355a) !important;
}