body, html {
    height: 100%;
}
hr.overlay {
    height: 1px;
    background-image: linear-gradient(to right,rgba(39, 65, 156, 0),rgba(39, 65, 156, 0.4),rgba(39, 65, 156, 0));
    opacity: 0.7;
}

/* ====================================================== */
/*                  Password Preview                      */
/* ====================================================== */
.opacity-07 {
    opacity: 0.7;
}

.form-group .with-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.form-group .with-icon i {
    position: absolute;
    right: 14px;
    cursor: pointer;
}

/* ====================================================== */
/*                  Btn Filter                            */
/* ====================================================== */
.wraper-filter {
    display: flex;
    align-items: center;
}

.wraper-filter .btn-filter {
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
    transform: translateX(-10px);
}
.wraper-filter .btn-filter:hover {
    background-color: #EFEFEF;
}

.wraper-filter .ket-filter {
    font-size: 14px;
}