.dash-select-date {
    border: solid 1px #ccc;
    margin: 10px;
    padding: 10px;
    font-family: 'Poppins400';
    font-size: 15px;
    border-radius: 10px;
}

    .dash-select-date input, select {
        padding: 5px;
        border-radius: 5px;
        margin-right: 5px;
        outline: none;
        border: solid 1px #ccc;
    }

    .dash-select-date button {
        background: #831CEF;
        border: solid 1px #ccc;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 5px;
        padding: 6px 10px;
        font-family: 'Poppins500';
        color: #fff;
    }

        .dash-select-date .but {
            background: #fff;
            border: solid 1px #831CEF;
            color: #831CEF;
        }

            .dash-select-date .but:hover {
                background: #831CEF;
                border: solid 1px #831CEF;
                color: #fff;
            }

.dash-container {
    display: flex;
    gap: 20px;
    /*justify-content: space-between;*/
    text-align: center;
    margin: 10px;
    font-family: 'Poppins400';
    flex-wrap: wrap;
}

    .dash-container .dash-one-third-pie {
        width: 20%;
        border: solid 1px #ccc;
        border-radius: 10px;
        min-height: 300px;
        text-align: center;
        padding: 10px;
        position: relative;
    }

    .dash-container .dash-two-thirds-line {
        width: 80%;
        border: solid 1px #ccc;
        border-radius: 10px;
        min-height: 300px;
        text-align: center;
        padding: 10px;
        position: relative;
    }

    .dash-container .dash-one-third {
        width: 33%;
        border: solid 1px #ccc;
        border-radius: 10px;
        min-height: 300px;
        text-align: center;
        padding: 10px;
        position: relative;
    }

    .dash-container .dash-half {
        width: 50%;
        border: solid 1px #ccc;
        border-radius: 10px;
        min-height: 300px;
        text-align: center;
        padding: 10px;
        position: relative;
    }

    .dash-container .dash-full {
        width: 100%;
        border: solid 1px #ccc;
        border-radius: 10px;
        min-height: 300px;
        text-align: center;
        padding: 10px;
        position: relative;
    }

@media (max-width: 1200px) {
    .dash-container {
        flex-wrap: wrap;
    }

        .dash-container .dash-one-third {
            width: 100%;
        }

        .dash-container .dash-two-thirds {
            width: 100%;
        }

        .dash-container .dash-half {
            width: 100%;
        }
}