#bill_to_list {
    width: inherit;
    height: 50vh;
    padding: inherit;
}

#bill_to_list li .bill_to_click{
    cursor: pointer;
    border-radius: 5px;
}

#bill_to_list li .bill_to_click div:hover {
    cursor: pointer;
    color: white;
    background: linear-gradient(to right, #118acb, #2575fc) !important;
}

#bill_to_list_close {
    cursor: pointer;
    margin-top: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

i.image_preview {
    cursor: pointer;
}

table {
    border-color: rgb(143, 201, 212) !important;
}

table thead tr th {
    /* background-color: #8dcaeb !important; */
    background: linear-gradient(to right, #118acb, #2575fc) !important;
    color: white !important;
}

.page-item.active .page-link,
.page-item .page-link:hover {
    background: linear-gradient(to right, #118acb, #2575fc);
    color: white;
}

/* Customizing the scrollbar for WebKit browsers */
::-webkit-scrollbar {
    width: 15px;
    /* Width for vertical scrollbar */
    height: 15px;
    /* Height for horizontal scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Track color */
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #118acb, #2575fc);
    /* Thumb color */
    border-radius: 10px;
    /* Rounded corners */
    border: 2px solid #f1f1f1;
    /* Adds space around thumb */
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to right, #6e11cb, #25cdfc);
    /* Color on hover */
}

.btn-primary {
    background: linear-gradient(to right, #118acb, #2575fc) !important;
}

.btn-primary:hover,
.btn-primary.active {
    background: linear-gradient(to right, #6e11cb, #25cdfc) !important;
}

.bg-login {
    background: linear-gradient(to right, #6e11cb, #25cdfc) !important;
}

input[readonly] {
    background-color: #f0f0f0;
    /* Light gray background */
    color: #666666;
    /* Darker gray text */
    border: 1px solid #cccccc;
    /* Soft border */
    cursor: not-allowed;
    /* Change cursor to indicate non-editable */
}

/* Optional: Styling for readonly textarea */
textarea[readonly] {
    background-color: #f0f0f0;
    color: #666666;
    border: 1px solid #cccccc;
    cursor: not-allowed;
}

.custom_input {
    border: solid 1px #ced4da;
    border-radius: 4px;
}

.image_view {
    cursor: pointer;
}
.primary_gradient {
    background: linear-gradient(to right, #b6ebff, #a6aeff) !important;
}
.success_gradient {
    background: linear-gradient(to right, #dcb6ff, #a6ffbf) !important;
}
.pink_gradient {
    background: linear-gradient(to right, #ffffff, #f079ba) !important;
}
.warning_gradient {
    background: linear-gradient(to right, #dbfffd, #f0d079) !important;
}
.fs-12{
    font-size: 12px !important;
}
.fs-13{
    font-size: 13px !important;
}
.text-purple{
    color: #8200d0 !important;
}