﻿
.employee-in-training-card div:nth-of-type(4).sub-executor-actions {
    display:flex;
    justify-content:flex-end;
}

@media screen and (max-width:767px) {
    /*************Employee in training card**************/
    .employee-in-training-card {
        display: block !important;
        position: relative !important;
    }
        /*The person*/
        .employee-in-training-card div:nth-of-type(1) {
            font-size: 14px;
            font-weight: 500;
        }
        /*The lesson*/
        .employee-in-training-card div:nth-of-type(2) {
            max-width: 285px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-top: 8px;
            color: var(--grey);
        }
        /*The state*/
        .employee-in-training-card div:nth-of-type(3) {
            position: absolute;
            right: 16px;
            top: 12px;
            max-width: unset !important;
            width: unset !important;
            min-width: unset !important;
        }
        /*Button container*/
        .employee-in-training-card div:nth-of-type(4) {
            max-width:unset!important;
            padding-top:8px;
            text-align:right;
            display:flex;
            width:100%!important;
        }

/*Sub executor card to accept peeps*/
            .employee-in-training-card div:nth-of-type(4).sub-executor-actions {
                position:absolute;
                right:16px;
                bottom:12px;
                width: unset !important;
                display: inline-flex !important;
                padding-top: 0px;
                flex-basis: 0px !important;
            }
}