/****************************************
*
* ABOUT THE DATATABLE STYLING
*
****************************************/

/* Datatable status circle style */
.tableStatusCircle {
    border-radius: 25px;
    font-weight: bold !important;
    font-size: 12px;
    padding: 5px 12px 5px 12px;
    text-transform: uppercase;
}

.status-round {
    text-align: center;
    /* text-transform: uppercase; */
    padding: 7px 12px 7px 12px;
    border-radius: 25px;
    font-weight: bold !important;
    font-size: 11px;
}

/* REQUESTS */
.statusOpen {
    background-color: rgba(16, 178, 199, 0.1);
    color: rgba(16, 178, 199, 1);
}
.statusApproved {
    background-color: rgba(24, 165, 24, 0.1);
    color: rgba(24, 165, 24, 1);
}
.statusAccepted {
    background-color: rgba(24, 165, 24, 0.1);
    color: rgba(24, 165, 24, 1);
}
.statusDisapproved {
    background-color: rgba(202, 22, 22, 0.1);
    color: rgba(202, 22, 22, 1);
}
.statusRejected {
    background-color: rgba(202, 22, 22, 0.1);
    color: rgba(202, 22, 22, 1);
}
.statusInProgress {
    background-color: rgba(33, 150, 243, 0.1);
    color: rgba(33, 150, 243, 1);
}
.statusActive {
    background-color: rgba(92, 204, 0, 0.1);
    color: rgba(92, 204, 0, 1);
}
.statusOverdue {
    background-color: rgba(252, 92, 0, 0.1);
    color: rgba(252, 92, 0, 1);
}
.statusClosed {
    background-color: rgba(157, 157, 157, 0.1);
    color: rgba(157, 157, 157, 1);
}
.statusArchived {
    background-color: rgba(51, 51, 51, 0.1);
    color: rgba(51, 51, 51, 1);
}
.statusOnHold {
    background-color: rgba(255, 165, 0, 0.1);
    color: rgba(255, 165, 0, 1);
}
.statusCompleted {
    background-color: rgba(13, 102, 13, 0.1);
    color: rgba(13, 102, 13, 1);
}

/* TASKS */
.taskStatusOpen {
    background-color: rgb(33, 150, 243, 0.1);
    color: rgb(33, 150, 243) !important;
}
.taskStatusOnHold {
    background-color: rgba(255, 112, 67, 0.1);
    color: rgb(255, 112, 67) !important;
}
.taskStatusInProgress {
    background-color: rgba(0, 188, 212, 0.1);
    color: rgb(6, 151, 170) !important;
}

.taskStatusApproved {
    background-color: rgba(24, 165, 24, 0.1);
    color: rgba(24, 165, 24, 1) !important;
}
.taskStatusAccepted {
    background-color: rgba(24, 165, 24, 0.1);
    color: rgba(24, 165, 24, 1) !important;
}
.taskStatusDisapproved {
    background-color: rgba(202, 22, 22, 0.1);
    color: rgba(202, 22, 22, 1) !important;
}
.taskStatusRejected {
    background-color: rgba(202, 22, 22, 0.1);
    color: rgba(202, 22, 22, 1) !important;
}
.taskStatusOverdue {
    background-color: rgba(252, 92, 0, 0.1);
    color: rgba(252, 92, 0, 1) !important;
}
.taskStatusCompleted {
    background-color: rgba(13, 102, 13, 0.1);
    color: rgba(13, 102, 13, 1) !important;
}
.taskSchedulePlanned {
    background-color: rgba(112, 99, 99, 0.1);
    color: rgb(66, 57, 57) !important;
    border-color: #3b3838;
    opacity: 0.75;
}

/* ASSETS */
.status-active {
    background: rgba(24, 165, 24, 0.1);
    color: rgba(24, 165, 24, 1);
}
.status-inactive {
    background: rgba(202, 22, 22, 0.1);
    color: rgba(202, 22, 22, 1);
}
.status-retired {
    background: rgba(51, 51, 51, 0.1);
    color: rgba(51, 51, 51, 1);
}
.status-withdraw {
    background: rgba(51, 51, 51, 0.1);
    color: rgba(51, 51, 51, 1);
}
.status-draft {
    background: rgba(33, 150, 243, 0.1);
    color: rgba(33, 150, 243, 1);
}

.status-not-ready {
    background: rgba(33, 150, 243, 0.1);
    color: rgba(33, 150, 243, 1);
}
.text-status-active {
    color: rgba(24, 165, 24, 1);
}
.text-status-inactive {
    color: rgba(202, 22, 22, 1);
}
.text-status-retired {
    color: rgba(51, 51, 51, 1);
}
.text-status-not-ready {
    color: rgba(33, 150, 243, 1);
}

/* FORMS */
.status-green {
    background: rgba(76, 175, 80, 0.1);
    color: rgba(76, 175, 80, 1);
}
.status-blue {
    background: rgba(33, 150, 243, 0.1);
    color: rgba(33, 150, 243, 1);
}
.statusDraft {
    background: rgba(134, 132, 129, 0.1);
    color: rgba(134, 132, 129, 1);
}
.status-red {
    background: rgba(202, 22, 22, 0.1);
    color: rgba(202, 22, 22, 1);
}
.status-orange {
    background: rgba(255, 165, 0, 0.1);
    color: rgba(255, 165, 0, 1);
}

.redClass {
    background-color: #fff1f1 !important;
}

.isAssignedToUserClass {
    color: rgba(76, 175, 80, 1);
}

.expRedClass {
    color: #ff0000;
}

.dropdown-menu {
    box-shadow: 0px 0px 5px 2px #e5e4e4;
    border-radius: 12px;
    border: none;
    padding: 0;
}