.analitics_filter_by_dtp_date{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: row;
    box-shadow: 5px 0px 5px lightgrey;
    width: 100%;
    height: 50px;
    background: #f2f2f295;
    box-shadow: 5px 0px 5px lightgrey;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    color: #312e2e;

    .date_border{
        display: flex;
        align-items: center;
        justify-content:center;
        flex-direction:column;
        gap:5px;
        position: relative;
    }

    input[type='date']{
        border: 1px solid rgb(93, 156, 196);
        padding: 5px;
        border-radius: 14px;
        outline: none;
    }
    select{
        border: 1px solid rgb(93, 156, 196);
        padding: 5px;
        border-radius: 14px;
        background: white;
        outline: none;
    }
    label{
        color: rgb(93, 156, 196);
        font-weight: bold;
        outline: none;
    }
}

.analiticsTable{
    background: #f2f2f295;
    box-shadow: 5px 0px 5px lightgrey;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    color: #312e2e;
    padding: 10px;

}

#date_border_to{
    display:none;
}

.analitics_btns{
    border: 2px dashed rgb(93, 156, 196);
    padding: 5px;
    border-radius: 14px;
    font-weight: bold;
    color: rgb(93, 156, 196);
    background: #f2f2f295;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    transition: .3s;
    min-width: 50px;
}

.analitics_btns:hover{
    border: 2px dashed lightskyblue;
    color:lightskyblue;
    cursor: pointer;

}