/* 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;
}
table tfoot tr td {
    /* background-color: #8dcaeb !important; */
    /* background: linear-gradient(to right, #118acb, #2575fc) !important;
    color: white !important; */
    font-weight: bold !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;
}

.transport.to{
    background-color: #fdb2d9 !important;
}
.transport.fro{
    background-color: #fbffb8 !important;
}
.transport.both{
    background-color: #aafff2 !important;
}

nav .nav-tabs .nav-link.active, nav .nav-tabs .nav-link:hover {
    background: linear-gradient(45deg, #7be0ff, #cf92fc);
    border-top-color: #25cdfc !important;
    border-right-color: #25cdfc !important;
    border-left-color: #25cdfc !important;
}
.nav-tabs{
    border-color: #25cdfc !important;
}