.cardHolder {
    border: solid 1px #ccc;
    text-align: center;
    background-color: var(--highlight-background);
    min-width: 20% !important;
}

.cardHolder h4 {
    font-weight: 400;
    font-size: 14px;
}

.cardHolder .cardBody {
    height: 85vh;
    max-height: 85vh;
    overflow-y: auto;
    background-color: #fff;
}

.taskCard {
    width: 100%;
    text-align: left;
    border: solid 1px #ccc;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 15px;
}

.taskCard .taskHeading {
    font-weight: 300;
}

.model-right .modal-dialog {
    float: right !important;
    width: 70% !important;
    top: 30px !important;
    right: -15px !important;
}

.model-xl .modal-dialog {
    min-width: 98% !important;
}

.model-profile-photo .modal-dialog {
    width: 40% !important;
    top: 50px !important;
}
.model-right-payslip .modal-dialog {
    width: 50% !important;
    top: 30px !important;
    right: -15px !important;
}