/*.data-dashboard-section {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr;
    grid-template-columns: 3fr auto;
    margin-left: auto;
    min-height: 200px;
    margin-top: 20px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

.data-dashboard-section .item-data-dashboard {
    border: 1px solid #D1D1D1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    height: 96px;
    margin: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}*/

.content-detail-modal .content-data-detail {
    display: flex;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    justify-content: center;
}

.content-detail-modal .content-data-detail .item-detail {
    width: 155px;
    height: 50px;
    position: relative;
    margin: 10px;
}

.content-detail-modal .content-data-balance {
    display: flex;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    justify-content: center;
}

.content-detail-modal .content-data-balance .item-balance {
    width: 175px;
    height: 96px;
}

.primary-content-data .item-data {
    min-width: 60px;
}

.data-dashboard-section {
    display: flex;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    width: 680px;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;

}

.data-dashboard-section .item-data-dashboard {
    width: 210px;
    margin: 5px;
}

.data-dashboard-section .item-data-dashboard:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
}

.data-dashboard-section .item-data-dashboard:nth-child(2) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
}

.data-dashboard-section .item-data-dashboard:nth-child(3) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3;
}

.data-dashboard-section .item-data-dashboard:nth-child(4) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
}

.data-dashboard-section .item-data-dashboard:nth-child(5) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
}

.data-dashboard-section .item-data-dashboard:nth-child(6) {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 3;
    grid-column: 3;
}


.content-info-profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content-info-profile .item-info-profile {
    width: 320px;
    margin: 15px 0;
}

.content-balance {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.item-balance {
    width: 180px;
    margin: 10px 10px;
}

.content-confirm-payment .content-confirm {
    display: flex;
    flex-wrap: wrap;
    width: 450px;
    column-gap: 5px;
}

.item-legend .legend-color .legend-content {
    justify-content: space-between;
    padding: 0 20px;
}


@media (max-width: 1339px) {


    .data-dashboard-section {
        display: flex;
        flex-wrap: wrap;
        -webkit-column-gap: 10px;
        column-gap: 10px;
        width: 460px;
    }

    .data-dashboard-section .item-data-dashboard {
        width: 220px;
        margin: 5px;
    }

}


@media (min-width: 1025px) and (max-width: 1280px) {
    .data-dashboard-section {
        display: flex;
        flex-wrap: wrap;
        -webkit-column-gap: 5px;
        column-gap: 5px;
        width: 420px;
    }

    .data-dashboard-section .item-data-dashboard {
        width: 200px;
        margin: 5px;
    }
 
}


@media (min-width: 768px) and (max-width: 1024px) {

    .data-dashboard-section {
        display: flex;
        flex-wrap: wrap;
        -webkit-column-gap: 10px;
        column-gap: 10px;
        justify-content: center;
        width: 100%;
        margin-right: 0;
        margin-left: auto;

    }

    .data-dashboard-section .item-data-dashboard {
        width: 220px;
        margin: 5px;
    }
    
    .content-info-profile {
        justify-content: center;
    }
}

@media (max-width: 767px) {

    .main-head .title-main {
        width: 100%;
    }

    .data-dashboard-section {
        display: flex;
        flex-wrap: wrap;
        -webkit-column-gap: 10px;
        column-gap: 10px;
        justify-content: center;
        width: 100%;
    }

    .data-dashboard-section .item-data-dashboard {
        width: 220px;
    }

    .profile-title-section .info-main ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .content-info-profile .item-info-profile {
        width: 200px;
        margin: 15px 0;
    }

    .main-head .title-main {
        width: 100%;
    }

    .content-confirm-payment {
        width: 100%;
        max-width: 0;
    }

    .content-confirm-payment .title-confirm {
        width: 300px;

    }

    .content-confirm-payment .content-confirm {
        display: flex;
        flex-wrap: wrap;
        width: 300px;
        column-gap: 5px;
    }

    .content-confirm-buttons {
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    .content-confirm-buttons .button-main {
        margin: 10px 0;
    }

    .legend-section {
        flex-direction: column;
    }
    
    .content-info-profile {
        justify-content: center;
    }

}