@font-face {
    font-family: 'Pointfree';
    src: url("<?php echo  asset('/public') ?>/fonts/pointfree.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.theme_table {
    font-family: 'YourFontName';
}
.btn-orange {
    background: #ffffff !important;
    color: black !important;
}

/*New CSS */
.content-page {
    background: #1b1b38 !important;
}
.navbar-custom,body[data-leftbar-theme=dark] .left-side-menu .logo {
    background-color: #323259 !important;
    border: unset;
}
.nav-user {
    background-color: #323259;
    border: 1px solid #323259;
}
.card  {
    background: #4b4b87 !important;
}
.card-header {
    background: #4b4b87 !important;
    border: unset;
    color: white !important
}
.card-footer {
    background: #4b4b87 !important;
    border: unset;
    color: white !important
}
.text-blue{
    color: #adb9ca !important;
}
#myChart {
   
}
.dash-streak-table{
    border: 2px solid purple;
    margin: 3%;
}
.dash-streak-table th, .dash-streak-table td,.dash-streak-table tr{
    border: 1px solid purple;
}
.dash-streak-first{
    color: white;
    text-align: center;
    font-size: 22px;
}
.streak-class,.streak-school{
    color: white;
    font-size: 16px;
    text-align: center;
}
.dash-streak-td{
    color: #adb9ca;
    text-align: center;
    font-size: 14px;
    font-weight: 1000;
}
.nav-mobile {
    display: none;
}
@media (max-width: 767.98px) {
    .nav-mobile{
        display: flex !important;
    }
}
.noti-dash {
    position: absolute;
    background: red;
    color: white;
    border-radius: 18px;
    width: 28px;
    height: 28px;
    font-size: 16px;
    font-weight: 1000;
    text-align: center;
    margin-top: -22px !important;
    margin-left: -77px;
}
.custom-table {
    width: 100%;
    border: 2px solid black;
}
.custom-table th{
    font-size: 14px;
    color: white;
    padding: 10px;
    text-align: center;
    border: 2px solid black;
} 
.custom-table td{
    color: white;
    padding: 6px;
    text-align: center;
    border: 2px solid black;
}
.text-white{
    color: white;
}
.custom-table th {background-color: #323259 !important;}
.custom-table tr:nth-child(odd) {background-color: #1b1b38;}
.custom-table tr:nth-child(even) {background-color: #323259;}

.custom-table .is_sort{
    padding-right: 25px;
}
.custom-table .is_sort:after{
    opacity: 0.2;
    content: "\e150";
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';

}
.custom-table .is_sort.asc_sort:after{
    content: "\e155";
    opacity: 0.5;
}
.custom-table .is_sort.desc_sort:after{
    opacity: 0.5;
    content: "\e156"
}
.custom-table .is_sort{
    position: relative;
    cursor: pointer;
}
.custom-table .is_sort:after {
    opacity: 0.75;
    font-family: unicons;
    font-style: normal;
    font-weight: 400;

    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 0.8em;
    -webkit-font-smoothing: antialiased;
    content: '\eb80';
    top: 14px;
}
.custom-table .is_sort.asc_sort:after {
    content: '\eb7e';
    opacity: 0.75;
}
.custom-table .is_sort.desc_sort:after {
    content: '\eb7f';
    opacity: 0.75;
}

label{
    color: white !important;
}
.card-title {
    color: white !important;
}
.level-btn,.packagetype-btn,.class-btn {
    background: #a16eff;
    border: unset;
    color: white;
    font-weight: 1000;    
}
.level-btn:hover,.class-btn:hover,.packagetype-btn:hover {
    background: #a16eff;
    border: unset;
    color: white;
    font-weight: 1000;    
}
.nav-pills>li>a, .nav-tabs>li>a {
    color: #f0e9e9 !important;
    font-weight: 600;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057!important;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.var_wrapper  {
    color: white !important;
}