table tr th, table tr td {
    padding: 10px;
    color: #6b7280;
}

.dataTables_wrapper .dataTables_length select {
    padding: 8px 30px 8px 12px !important;
}
#owl-demo .item{
    background: #42bdc2;
    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 200px;
}
.select2-container .select2-selection--single{
    height: 41px!important;
    border: 1px solid #cfcfcf;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:7px!important;
}

.select2-container .select2-selection--multiple {
    border: 1px solid #d1d5db; /* Light gray border */
    border-radius: 0.375rem; /* Rounded corners (similar to Tailwind classes) */
    background-color: #f9fafb; /* Light gray background */
}

.select2-container .select2-selection__choice__display{
    color: black;
}

.select2-container .select2-selection__choice {
    background-color: #2563eb; /* Tailwind "blue-600" */
    color: white; /* White text */
    border: none; /* No border around pills */
    border-radius: 9999px; /* Fully rounded pills (matches `rounded-full`) */
    font-size: 0.875rem; /* Tailwind class (text-sm) */
    line-height: 1.25rem; /* Tailwind class (leading-5) */
    display: inline-flex; /* Keep pills inline */
    align-items: center; /* Center content */
}

.select2-container .select2-selection__choice__remove {
    color: white; /* Remove button inherits white text */
    margin-right: 0.5rem; /* Space between "x" and text */
    cursor: pointer; /* Pointer cursor for the "x" remove button */
}

.select2-container .select2-selection__choice__remove:hover {
    color: #f87171; /* Tailwind "red-400" on hover */
}

.rotate-transition{
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;

}

[data-rotate]{
    transform: rotate(180deg);
    transition: all 0.5s ease-in-out;
}

.all-transition{
    transition: all 0.5s ease-in-out;
}
