/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #ffffff !important;
}
i.fa.fa-minus {
    margin-top: 1px;
}
.file-field.input-field .btn {
    border-radius: 50px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
}
button.btn i {
    font-size: 13px;
}
button.btn {
    border-radius: 50px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
}
.green, .cyan, .red {
    /* background-color: #4caf50 !important; */
    margin: 0px 3px;
    padding: 0px 13px;
}
.btn-small i {
    font-size: 12px;
}
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr.even:hover {
    background-color: #fff !Important;
}
table.dataTable.hover tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover {
    background-color: #f2f4f8 !Important;
}
tr.even
{
        color: #000;
    font-size: 14px;
}
tr.odd {
    background-color: #f2f4f8 !important;
    color: #000;
    font-size: 14px;
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f2f4f8 !important;
}



.event-registrations-datatable .mb-6 i, a.mb-6 {
    font-size: 13px;
}

.event-registrations-datatable .fa-eye:before {
    content: "\f06e";
}

 .event-registrations-datatable a.mb-6 {
    background-color: #64af00;
    color: #fff;
    padding: 5px 14px;
    border-radius: 53px;
}

.event-registrations-datatable .mb-6{
    margin:0 !important;
}
#main a.btn {
    border-radius: 50px;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 12px;
    font-weight: 400;
    padding: 0 13px;
    margin: 0px 5px;
}
td.make-inline {
    display: inline-flex;
}
#main a.btn i {
    font-size: 12px;
}
#main .section-data-tables .dataTables_wrapper table.dataTable tbody th, #main .section-data-tables .dataTables_wrapper table.dataTable tbody td {
    white-space: nowrap;
    border: none !important;
    border-left: .4px solid #8e8c8c29 !IMPORTANT;
    border-radius: 0px;
    border-bottom: .4px solid #8e8c8c29 !IMPORTANT;
}
.card {
    margin: 1rem 0 1rem 0;
    box-shadow: none !IMPORTANT;
    border-radius: 9px;
}
@media (min-width: 768px) {

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    height: 400px;
}
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
} 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}