.dataTables_wrapper{
    padding-top: 10px !important;
}

.dataTables_filter{
    display: none !important;
}
.dataTables_info{
    display: none;
}
.dataTables_length{
    padding-top: -60px !important;
}
.dt-buttons{
    display: none !important;
}

#example_length{
    display: none !important;
}
.table-responsive .users_table td {
    white-space: nowrap;
}




.page-link{
    margin-right: 0.5px;
}

.list-page-drop-downs{
    color: #fff!important;
    font-weight: bold !important;
    background: #117dc0 !important;

}
.card_table_view{
    background: #22c55f !important;
    color: #fff !important;
    font-weight: bold !important;
}

.card_table_view:hover{
    background: #159f49 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.card_card_view{
    background: #f8a526 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.card_card_view:hover{
    background: #d58a19 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.select-view-drop-downs{
    color: #fff!important;
    font-weight: bold !important;
    background: #ef4863 !important;

}

.list-page-drop-downs:hover {
    color: #fff!important;
    font-weight: bolder !important;
    background: #0f6fab !important;
}
.bold_font{
    font-weight: bold !important;
}
.list-page-drop-downs:active {
    background: #117dc0 !important;
    font-weight: bold !important;
}

.list-page-drop-downs-export{
    color: #fff!important;
    font-weight: bold !important;
    background: #22c55f !important;

}

.list-page-drop-downs-export:hover {
    color: #fff!important;
    font-weight: bold !important;
    background: #1ca24e !important;
}
.list-page-drop-downs-export:active {
    background: #22c55f !important;
    font-weight: bold !important;
}

.update-page-update_button{
    color: #fff!important;
    font-weight: bold !important;
    background: #f8a526 !important;

}

.update-page-update_button:hover {
    color: #fff!important;
    font-weight: bold !important;
    background: #d98404 !important;
}
.update-page-update_button:active {
    background: #f8a526 !important;
    font-weight: bold !important;
}

.dropdown-menu-custom-css img{
    max-height: 30px !important;
    height: auto !important;
    transition: all 0.3s ease; /* Add smooth transition for the image */

}


.export_header{
    background: #f8a526;
    color: white;
    padding: 10px 15px;
    text-align: left;
    font-weight: bold;
}

/* Style the dropdown items */
.dropdown-menu-custom-css {
    top: 6px !important;
    background: whitesmoke !important;
    padding: 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
}
/* Style each dropdown item */
.dropdown-menu-item-custom-css {
    font-weight: bold !important;
    vertical-align: center !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.3s ease; /* Add smooth transition */

}


.dropdown-menu-item-custom-css:hover {
    background-color: white !important; /* Change to the desired hover background color */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; /* Add box shadow on hover */
    font-size: 18px; /* Adjust font size on hover */
}

.dropdown-menu-item-report-css {
    vertical-align: center !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.3s ease; /* Add smooth transition */

}


.dropdown-menu-item-report-css:hover {
    background-color: white !important; /* Change to the desired hover background color */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; /* Add box shadow on hover */
    font-size: 18px; /* Adjust font size on hover */
}

.dropdown-menu-item-custom-css:hover img {
    max-height: 33px !important; /* Adjust the max height of the image on hover */
    width: auto !important;
}

.avatar-holder{
    background-color: green;
    border-radius: 50px;
    width: 40px;
    height: 40px;
}

.profile-menu-custom-css {
    top: 48px !important;
    background: whitesmoke !important;
    padding: 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
}
.profile-menu-item-custom-css{
    vertical-align: center;
    padding: 10px 18px;
    align-items: center;
    transition: all 0.3s ease; /* Add smooth transition */
}
.profile-menu-item-custom-css:hover{
    background-color: white !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    font-size: 18px;
}

/* Apply border-radius for the first column's left top */
.custom_table_header th:first-child {
    border-top-left-radius: 7px !important;
}

/* Apply border-radius for the last column's right top */
.custom_table_header th:last-child {
    border-top-right-radius: 7px !important;
}

/* Apply common styles for all header cells */
.custom_table_header th {
    color: white !important;
    background-color: #117dc0 !important;
    /* prevent the header text into two lines when the window is resized */
    white-space: nowrap !important;
}

.ticket_details_table_header th {
    /* prevent the header text into two lines when the window is resized */
    font-weight: bolder;
    white-space: nowrap !important;
}


/* Add any other styles you need for the table */
#example {
    background: white !important;
    border: white !important;
}

.card-view-text {
    color: #ffffff;
    font-family: 'Ubuntu', serif;
    font-weight: 500;
}
.card-view-text-bottom{
    color: #ffffff;
    font-family: 'Fredoka', serif;
    font-weight: 500;
}



.card_view_custom_update_button{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #f8a526 !important;
    background: transparent !important;
}

.card_view_custom_update_button:hover{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-weight: bold !important;
    color: #f89a08 !important;
    background: transparent !important;
}

.custom_update_button{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #f8a526 !important;
    font-size: 16px !important;
    background: transparent !important;
}

.custom_update_button:hover{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-weight: bold !important;
    color: #f89a08 !important;
    font-size: 16px !important;
    background: transparent !important;
}

.card_view_custom_delete_button{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color:#ef4863 !important;
    background: transparent !important;
}

.card_view_custom_delete_button:hover{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #f12446 !important;
    font-weight: bold !important;
    background: transparent !important;

}

.custom_delete_button{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color:#ef4863 !important;
    font-size: 16px !important;
    background: transparent !important;
}

.custom_delete_button:hover{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #f12446 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    background: transparent !important;

}

.custom_download_button{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #1ca24e !important;
    font-size: 16px !important;
    background: transparent !important;
}
.custom_download_button:hover{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #01ce2a !important;
    font-weight: bold !important;
    font-size: 16px !important;
    background: transparent !important;
}
.custom_add_balance_button{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #eaeaea !important;
    background: transparent !important;
}

.custom_add_balance_button:hover{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    background: transparent !important;
}
/* CSS for the rotation effect */
.update-rotate-on-hover:hover {
    transition: transform 0.1s ease-in-out;
    transform: rotate(15deg);
}

.rotate-on-hover .download-rotate-on-hover {
    transition: transform 0.1s ease-in-out;
}

.download-rotate-on-hover:hover {
    animation: rotateAnimation 0.5s ease-in-out;
}
.rotate-on-hover:hover {
    animation: rotateAnimation 0.5s ease-in-out;
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(15deg);
    }
    50% {
        transform: rotate(-15deg);
    }
    75% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


.departure-css{
    font-size: 12px;
}


.users_table td a {
    /*display: inline-block !important;*/
    text-decoration: none !important;
}
.table_top_search_bar_column a{
    /*display: inline-block !important;*/
    text-decoration: none !important;
}