﻿.act-stt-done{
    color:#589fef !important;
}
.act-stt-inprogress {
    color: #be1c2f !important;
}
.responsive-section .table-responsive {
    display: none !important;
}

.data-text-small {
    font-size: 12px;
    padding-left:10px;
}

.data-text-big {
    font-size: 14px;
}
.user-dashboard__recent {
    /*margin-top: 15px;*/
    background: #fff;
    border-radius: 3px;
    padding: 1.5vw;
    -webkit-box-shadow: -1px 2px 9px 3px rgba(0, 0, 0, 0.04);
    box-shadow: -1px 2px 9px 3px rgba(0, 0, 0, 0.04);
}
    .user-dashboard__recent .table_Wel {
        border-radius: unset;
    }
        .user-dashboard__recent .table_Wel > tbody > tr > td {
             padding: 8px 0px;
             border-top: none;
        }

        .user-dashboard__recent .table_Wel > thead > tr > th {
            padding: unset;
            font-family: unset;
            border-bottom: 2px solid #47515E;
            font-size: 16px;
            font-weight: lighter;
        }
        .user-dashboard__recent .table_Wel > tbody > tr:last-child > td:last-child {
             padding-bottom: 0px; 
        }

        .user-dashboard__recent .table_Wel .free-exercise-item:hover .free-exercise-item-name-full {
            height: 19px
        }

    .user-dashboard__recent .recent-icon i {
        color: white;
        background: #064c5b;
        border-radius: 50%;
        font-size: 13px;
        width: 25px;
        height: 25px;
        min-width: 23px;
        min-height: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 6px;
        display: inline-flex;
    }

    .btn-border-radius-3 {
        border-radius: 3px;
    }
@media screen and (max-width: 375px) {
    .responsive-section .table-wrapper {
        display: none !important;
    }

    .responsive-section .table-responsive {
        display: block !important;
    }
    .user-dashboard__recent {
        padding: 3vw;
    }
    .btn-border-radius-3 {
        width: auto !important;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .responsive-section .table-wrapper {
        display: none !important;
    }

    .responsive-section .table-responsive {
        display: block !important;
    }

    .review_txt {
        font-size: 17px !important;
    }
    .table_Wel > tbody > tr > td{
        font-size:12px;
    }
    .user-dashboard__recent {
        padding: 3vw;
    }
    .btn-border-radius-3 {
        width: auto !important;
    }
}

/* iPhone X in portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
    .responsive-section .table-wrapper {
        display: none !important;
    }

    .responsive-section .table-responsive {
        display: block !important;
    }
    .table_Wel > tbody > tr > td {
        font-size: 12px;
    }
}
/* iPad mini */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .responsive-section .table-wrapper {
        display: none !important;
    }

    .responsive-section .table-responsive {
        display: block !important;
    }

    .container {
        /*width: 540px;*/
        width: auto;
    }
    .table_Wel > tbody > tr > td {
        font-size: 12px;
    }
    .btn-border-radius-3 {
        width: auto !important;
    }
}
/* iPad PRO */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .responsive-section .table-wrapper {
        display: none !important;
    }

    .responsive-section .table-responsive {
        display: block !important;
    }

    .container {
        /*width: 750px;*/
        width: auto;
    }
    .table_Wel > tbody > tr > td {
        font-size: 12px;
    }
    .btn-border-radius-3 {
        width: auto !important;
    }
}
@media screen and (max-width:1366px) {
    .btn-border-radius-3 {
        width: 7vw;
    }
}