/*============================== To highlight assignment Submission status  ========================================*/

.asdld-on-time{
    color: green !important;
    font-weight: 500;
    width:100%;
}

.asdld-late{
    color: red !important;
    width:100%;
    font-weight: 500;
}



/*============================== To alert assignment due date  ========================================*/


.assignment-date-div-container{
    background: #eec83fe0;
    color: black;
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 8px;
    /* width: 100%; */
    border-radius: 5px;
    display: flex;
    padding: 10px;
}

.deadline-calender-alert{
    width: 50px;
    height:50px;
}

.assignment-date-div{
    margin-left: 15px;
    align-self: center;
}
.deadline-past-message-container{
    background: #e23737e0;
    color: white;
    font-size: 16px;
    font-weight: 800;
    margin-top: 8px;
    margin-bottom: 8px;
    /* width: 100%; */
    border-radius: 5px;
    display: flex;
    padding: 10px;
}
.deadline-past-message-container-simple{
    background: #e23737e0;
    color: white;
    font-size: 16px;
    font-weight: 800;
    margin-top: 8px;
    margin-bottom: 8px;
    /* width: 100%; */
    border-radius: 5px;
    display: flex;
    padding: 10px;
}

.deadline-clock-alert{
    width: 50px;
    height:50px;
}
.deadline-clock-alert-simple{
    width: 30px;
    height:30px;
}

.assignment_date_end_div_past > img{
    height: 35px;
    padding-bottom: 4px;
    padding-top: 4px;

}

.deadline-past-message{
    margin-left: 15px;
}
.deadline-past-message-simple{
    margin-left: 15px;
}
.asdld-add-line{
    border-left: 1px solid #cccccc !important;
    margin-left: 10px !important;
}

.ld-settings-sub-asdld_is_assignment_extend_deadline{
    margin-left: 6px !important;
}

.ld-settings-sub-asdld_is_assignment_extend_deadline_topic{
    margin-left: 6px !important;
}

@media only screen and (max-width: 500px) {  
    .deadline-clock-alert-simple {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 500px) {  
    .deadline-calender-alert {
        width: 100px;
        height: 100px;
    }
}