:root{
    --tw-gradient-stops: #187540;
}
.btn-gradient {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #187540 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 18 98 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #4361EE var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn-gradient:hover {
    --tw-gradient-from: #4361EE var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(67 97 238 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #187540 var(--tw-gradient-to-position);
}
.float-right{
    float: right;
}
.place-self-center{
    place-self: center;
}
.custom-list span {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}
.mb-50px{
    margin-bottom: 50px;
}
.dt-length,
.dt-search{
    display: flex;
}

.dt-length{
    gap: 5px;
}
select[name="dataTable_length"]{
    padding-left: 20px;
    padding-right: 20px;
}
.dt-length label, .dt-search label{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.justify-self-end{
    justify-self: right;
}