.error {
    color: red;
    border-color: red !important;
}

.has-error {
    border-color: red !important;
}

.page-item.disabled .page-link {
    color: #9A9CAE !important;
}

.icon_input_box {
    padding-right: 50px !important;
    text-overflow: ellipsis !important;
}

.action_button_wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /* gap: 5px; */
}

.noUi-tooltip {
    background-color: #1a748c;
    border-radius: 5px !important;
    font-size: 12px;
    padding: 4px 10px;
}


.card-color-primary {
    background-color: #1A262E;
}

.card-color-primary .card-header {
    min-height: inherit !important;
    border-color: #35383F;
}

.inner_progress .progress {
    min-width: 200px;
    border-radius: 5px;

}
.inner_progress .progress-bar {
    border-radius: 5px;
}

.inner_progress .progress {
    background-color: rgb(26 116 140 / 10%);

}

.inner_progress .progress-bar {
    background-color: #1A748C !important;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: inline-flex;
    align-items: center;
    position: relative;
    background-color: var(--bs-gray-300);
    background-color: #1A748C !important;
    color: var(--bs-primary-inverse);
}

.document-accept-btn {
    background-color: #203c38;
    color: #03c578;
}

.btn-primary-green {
    background-color: rgba(74, 222, 128, 0.12) !important;
    border-radius: 4px !important;
    color: #07BD74 !important;
    font-size: 12px;
    padding: 5px 10px !important;
}
.btn-primary-green:hover {
    background-color: rgba(74, 222, 128, 0.22) !important;
}



.btn-primary-red {
    background-color: rgba(247, 85, 85, 0.12) !important;
    border-radius: 4px !important;
    color: #F75555 !important;
    font-size: 12px;
    padding: 5px 10px !important;
}
.btn-primary-red:hover {
    background-color: rgba(247, 85, 85, 0.22) !important;
}

.driver_document_form .form-check-input {
    border: 1px solid gray !important;
}

.supplier_document_form .form-check-input {
    border: 1px solid gray !important;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #1A748C;
    color: #fff;
    font-size: 1em;
}
.min-input-210 {
    min-width: 210px !important;
}

.form-select-truncated {
    max-width: 300px; /* Set desired width */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}