[data-theme="dark"] th.text-gray-400 {
    color: #ccc !important;
}

.table:not(.table-bordered) td:first-child {
    padding-left: 7px !important;
}

.table:not(.table-bordered) th:first-child {
    padding-left: 7px !important;
}

div.dataTables_scrollBody {
    border-left: none !important;
}

table th {
    font-weight: 600 !important;
}

.table > thead {
    vertical-align: bottom;
    border-bottom: 1px solid #f1f2f3;
}

.img-cover {
    display: block;
    width: 100%;
    object-fit: cover;
}
input:invalid {
    border-color: red;
}

input:invalid:focus {
    outline-color: red;
}

.invalid-feedback {
    color: red;
}

.btn-335E3E {
    background: #335e3e !important;
    color: white;
}

.btn-335E3E:hover {
    color: white !important;
}

.btn-335E3E-hover {
    background: #f1f1f1 !important;
    color: #335e3e;
}

.btn-335E3E-hover:hover {
    background: #335e3e !important;
    color: white;
}

.description-column {
    width: 250px !important;
    display: inline-block !important;
    overflow-wrap: break-word !important;
    color: black !important;
}
.id-column {
    color: black !important;
}
.date-column {
    color: black !important;
}

.column_100px_text_warp {
    width: 100px !important;
    overflow-wrap: break-word !important;
    color: black !important;
}

#match_details.animate {
    /* This timing applies on the way IN */
    transition-timing-function: ease-out;

    /* Quick on the way out */
    transition: 0.8s;
}

.outline_red {
    outline: red 1px solid !important;
}