input.is-invalid, select.is-invalid {
  border-color: #dc3545;
}

/* Wizard Css  */
.wizard-fieldset {
    display: none;
}
.wizard-fieldset.show {
    display: block;
}
.select2-container--default .select2-selection--single.is-invalid,
.select2-container--default .select2-selection--multiple.is-invalid {
    border: 1px solid #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}



/* Date Icon */
.date-icon {
    font-size: 18px;
    color: #6c757d;
    /* right: 34px; */
}


/* Project Table */
table.table-color thead tr th {
    background-color: #f5f6fa;
    padding: 15px 5px;
}

/* Project table Progress */
.bg-progree-blue {
    background-color: #144bd6;
}
.bg-progress-danger {
    background-color: #e90726;
}
.bg-progress-orange {
    background-color: #ff9800;
}
.bg-progress-success {
    background-color: #119b3e;
}
.bg-grd-info {
    background-image: linear-gradient(310deg, #00c6fb 0%, #005bea 100%) !important;
}
.bg-grd-danger {
    background-image: linear-gradient(310deg, #ee0979, #ff6a00) !important;
}


/* Add Button */
.btn-grd-primary {
    background-image: linear-gradient(310deg, #7928ca, #ff0080) !important;
}
.btn-grd-success {
    background-image: linear-gradient(310deg, #17ad37, #98ec2d) !important;
}
.btn-grd, .btn-grd:hover, .btn-grd:focus {
    color: #fff !important;
}
.btn-grd-royal {
    background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%) !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.align-items-center {
    align-items: center !important;
}

/* Project Edit */
input.text-success-main {
    color: #04a109 !important;
}
input.cost-in-words-text {
    color: #04a148 !important;
    font-weight: 600;
}
input.project-expenses-text {
    color: #bd0a0a !important;
    font-weight: 600;
}
input.estimated-cost-text {
    color: #df6f0e !important;
    font-weight: 600;
}
div.text-info-amount {
    font-size: 16px;
    font-weight: 600;
    color: #013ecc !important;
}
input.text-bolds{
    font-weight: 600;
}

.card-lable {
    font-size: 12px;
    padding: 3px 8px;
    font-weight: 700;
    border-radius: 4px;
    width: -moz-max-content;
    width: max-content;
}






