@font-face {
    font-family: '29LT Zarid Sans';
    src: url('fonts/29LTZaridSans-Medium.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html, body, select, textarea, input, select, option, optgroup, select > option {
    font-family: '29LT Zarid Sans' !important;
}

html {
    font-size: 18px;
}

@media (min-width: 768px) {
    html {
        font-size: 20px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.card-body .form-control {
    margin-bottom: 10px;
}

/*body {
    padding: 50px;*/ /* this is just to get some space, unneccessary for the badge implementation itself */
/*}*/

.card {
    position: relative;
}

    .card .card-badge {
        position: absolute;
        top: -10px;
        right: -30px;
        padding: 5px 10px;
        font-size: 1.25rem;
        transform: rotate(-20deg);
        border-radius: 10px;
    }

.badge-success {
    color: #0f5132;
    background-color: #d1e7dd;
}

.badge-info {
    color: #055160;
    background-color: #cff4fc;
}

.badge-danger {
    color: #842029;
    background-color: #f8d7da;
}



.table-bordered {
    border: 1px solid #eee;
}

.table thead > tr > th {
    border-bottom: 3px solid #0d6efd !important;
    color: #888;
    padding: 8px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    --bs-table-accent-bg: #fafbfc;
    background-color: #fafbfc !important;
}


.btn-info {
    color: #fff;
    background-color: #23b7e5;
    border-color: #23b7e5;
}

    .btn-info:hover, .btn-info:focus {
        background-color: #18a0ca;
        border-color: #1797be;
        color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #ff902b;
    border-color: #ff902b;
}

    .btn-warning:hover, .btn-warning:focus {
        color: #fff;
        background-color: #ff7c05;
        border-color: #f77600;
    }

.table > :not(caption) > * > * {
    padding: 8px;
    line-height: 31px;
}



.validation-summary-errors ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

    .validation-summary-errors ul li:before {
        content: "\f06a";
        font-family: 'Font Awesome 5 Free';
        display: inline-block;
        font-weight: 900;
        width: 1.2em;
    }

.card-header h4 {
    margin-bottom: 0;

}
.btn:not(.nav-link)
{
    line-height:1;
}
.col-auto .btn {
    margin-bottom: 10px;
    line-height: 1.5;
}
.en{
    direction:ltr;
}

.stats-type {
    
    color: #828d9f;
}
.app-card-stat {
    text-align: center;
}
.app-card {
    border: solid #F0F0F0 1px;
    border-radius: .25rem;
}
.card-header .btn{
    margin-bottom:0;
}
.app-card-title, .card-header h4 {
    color: rgb(13, 110, 253) !important;
}
.card-footer a, .card-footer a .fa {
    top: 5px;
    position: relative;
}

.hotline {
    -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite;
    font-weight: bold;
    font-size: 18px;
    margin: 7px;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}


@-webkit-keyframes glowing {
    0%,100% {
        -webkit-box-shadow: 0 0 3px #dc3545
    }

    50% {
        -webkit-box-shadow: 0 0 15px #a71d2a
    }
}

@-moz-keyframes glowing {
    0%,100% {
        -moz-box-shadow: 0 0 3px #dc3545
    }

    50% {
        -moz-box-shadow: 0 0 15px #a71d2a
    }
}

@-o-keyframes glowing {
    0%,100% {
        box-shadow: 0 0 3px #dc3545
    }

    50% {
        box-shadow: 0 0 15px #a71d2a
    }
}

@keyframes glowing {
    0%,100% {
        box-shadow: 0 0 3px #dc3545
    }

    50% {
        box-shadow: 0 0 15px #a71d2a
    }
}

.glowing {
    -webkit-animation: glowing 1.5s infinite;
    -moz-animation: glowing 1.5s infinite;
    -o-animation: glowing 1.5s infinite;
    animation: glowing 1.5s infinite
}
.invoice-number {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .3rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
  
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

.dselect-wrapper
{
    border:none !important;
    padding:0;
}