.bg-nav {
    background-color: #F4F4F4;
}


/* Breadcrums */

.breadcrumb {
    background-color: transparent;
}

.header {
    color: #25396f;
    font-size: 25px;
    font-weight: bold;
}

.card {
    border: none;
}

.card .card-header {
    border: none;
}

.card .card-title {
    font-size: 1.2rem;
    color: #25396f;
    font-weight: 600;
    margin-bottom: 0.5rem;
    letter-spacing: 0.4px;
}

.bg-grey {
    background-color: #cccccc;
}

.modal .modal-header .modal-title {
    font-size: 1.1rem;
    color: #25396f;
    font-weight: 500;
}

.modal label {
    color: #333333;
    font-weight: 500;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 1px;
}

.form-control-user1 {
    /* font-size: .8rem; */
    border-radius: 10rem;
    padding: 3;
    height: 50px;
}

.bg-grad {
    /* background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); */
    background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);
}

.mt-50 {
    margin-top: 50px;
}

#inward-material-form label {
    font-size: 13px;
    letter-spacing: 0.3px;
}

.table {
    color: #444444;
}

.bg-notdone {
    background-color: #FFB319;

}

.bg-done {
    background-color: #9EDE73;
}

.btn-del {
    color: #FF1700;
}

.btn-view {
    color: #0E185F;
}

.btn-edit {
    color: #F47340;
}

.bg-blue {
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

.card-1 {
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    color: #000;
}

.card-2 {
    background-image: linear-gradient(45deg, #ee9ca7 0%, #ffdde1 100%);
    /* background-color: #FF8787; */
    color: #000;
}

.card-3 {
    background-image: linear-gradient(60deg, #96deda 0%, #50c9c3 100%);
    color: #000;
}

.card-4 {
    background-image: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);
    /* background-color: #03C988; */
    color: #000;
}

.partial {
    background-color: #E1ECC8;
}

.pending {
    background-color: #FFD89C;
}

.cancel {
    background-color: #FF9F9F;
}

.text-partial {
    color: #E1ECC8;
}

.text-pending {
    color: #FFD89C;
}

.text-cancel {
    color: #FF9F9F;
}
.bg-complete{
    background-color: #B9005B;
    color: #fff;
}
.text-details{
    font-size: 13px;
    font-weight: 500;
}
.pending {
    background-color:#FF6D60;
}