/* Custom Css */
.blockOverlay, .blockElement, .blockPage {
    z-index: 9999 !important;
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    margin: 0 !important;
    margin-bottom: .5rem;
}

.dt-flag-img, .dt-flag-img-rounded {
    height: 40px;
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    margin: 0 !important;
    margin-bottom: .5rem;
}

img#league-logo-preview {
    width: 100%;
    height: auto;
    display: block;
}

.leagues_table_image {
    width: 100px;
    height: 100px;
}

.upload_zone {
    min-height: 80px;
    border: 2px dashed #7367F0;
    background: transparent;
    position: relative;
}

.upload_zone img {
    width: 100%;
}

.upload_box {
    font-size: 1.2rem;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    color: #7367F0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.upload_box::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%237367f0\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-download\'%3E%3Cpath d=\'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\'%3E%3C/path%3E%3Cpolyline points=\'7 10 12 15 17 10\'%3E%3C/polyline%3E%3Cline x1=\'12\' y1=\'15\' x2=\'12\' y2=\'3\'%3E%3C/line%3E%3C/svg%3E");
    font-size: 80px;
    position: absolute;
    top: 83%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    display: inline-block;
    line-height: 1;
    z-index: 2;
    color: #7367F0;
    text-indent: 0;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.form-label-zone {
    width: 100%;
}

.dt-color {
    padding: 0;
}

.tag-card {
    display: inline-block;
    padding: .486rem 1rem;
    font-size: 12px;
    border-radius: 4px;
    font-weight: bolder;
}

a.btn.btn-sm.btn-info {
    padding: 9px;
}

.form-label span {
    display: block;
    margin-bottom: 0.2857rem;
}

.time_input {
    min-height: 38px;
}

.date_times span {
    display: block;
    text-align: center;
}

.date_times span:not(:last-child) {
    margin-bottom: 3px;
    /* border-bottom: 1px solid #a9adb4; */
}

.vibe_table_image {
    width: 100px;
    height: auto;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
    width: 15rem;
}

.text-center h4, .text-center span, .capitalize {
    text-transform: capitalize;
}

.dark-layout .swal2-container .swal2-validation-message {
    background-color: #161d3100;
    color: #bd4b51;
    text-align: left;
    margin: 0em 2em 0;
    justify-content: flex-start;
}

.checked-star {
    color: gold;
}

.checked-star-half::after {
    color: gold;
    content: "\f089";
    position: relative;
}

.checked-star-half::before {
    content: "\f005";
    color: darkgray;
    position: absolute;
}

.un-checked-star {
    color: darkgray;
}

@media (min-width: 1440px) {
    .col-xxl-8-in-row {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
    }
}