body,h1,h2,h3,h4,h5,h6,a,.tooltip-inner{
    font-family: 'Almarai', sans-serif !important;
}
.error {
    color:red !important;
}
.valid {
    color:black !important;
}

@keyframes heartbeat {
    0% {
        transform:scale(.75)
    }
    20% {
        transform:scale(1)
    }
    40% {
        transform:scale(.75)
    }
    60% {
        transform:scale(1)
    }
    80% {
        transform:scale(.75)
    }
    100% {
        transform:scale(.75)
    }
}
/* Copyright */
.footer_heart {
    display:inline-block !important;
    animation:heartbeat 1s infinite !important;
}

.uppy-Dashboard-inner{
    width: 100% !important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-right: 0.5em;
    margin-left: 0;
    display: inline-block;
    width: auto;
}

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

.bg-danger{
    background-color: #1E3E7A !important;
}

/* .bg-light-primary{
    background-color: #1a1a27 !important;
} */