@charset "UTF-8";
/* responsive.css */
 @media only screen and (max-width: 600px) {
     .advertisement.horizontal {
         margin: 2rem 0 2rem 0;
    }
}
 @media(min-width:400px) and (max-width:576px) {
     .account-header .media {
         display: flex !important;
    }
}
 @media(min-width:768px) and (max-width:992px) {
     .navbar-expand-md .u-header__navbar-brand {
         display: block;
         width: 100%;
         text-align: center;
    }
}
 @media(max-width:992px) {
     .u-header__section {
         box-shadow: none;
    }
     #breadcrumbNavBar ul.navbar-nav li.nav-item {
         border-bottom: 2px solid #6ea1ff;
    }
     .subnav-container {
         display: none !important;
    }
     .subnav-handler {
         text-align: center;
         display: block !important;
         width: 100%;
    }
     .notification-button {
         margin-top: 1rem;
    }
}
 @media(max-width:767px) {
     #navBar {
         margin-top: 1rem;
         margin-bottom: 1rem;
    }
     #navBar ul > li {
         border-bottom: 1px solid #ddd;
    }
     #navBar ul li:last-child {
         border-bottom: none;
    }
}
 @media(max-width:576px) {
     #site-topbar {
         background-color: #DEF0F9;
    }
     #jumpToDropdownInvoker {
         display: none !important;
    }
     #featured_courses_widget .card-buttons .btn-text {
         display: none;
    }
     #update-profile {
         margin-bottom: 15px;
    }
     .main-content > .section > .section-header {
         display: none;
    }
     .sidebar-item {
         position: relative;
         height: auto;
    }
     .make-me-sticky {
         padding: 0;
    }
     .make-me-sticky .card {
         margin-bottom: 0;
    }
     .card {
         margin-bottom: 10px;
    }
     .card, .card-header:first-child, .section .section-header {
         border-radius: 0;
    }
     .card .card-stats .card-stats-items {
         display: block;
         padding: 10px;
    }
     .card .card-stats .card-stats-item {
         float: left;
         width: 50%;
         margin-bottom: 3px;
         padding: 10px 5px;
    }
     .card .card-body {
         padding: 10px 15px !important;
    }
     .main-footer {
         text-align: center;
    }
     .main-footer .footer-left {
         float: none;
         margin-bottom: 10px;
    }
     .main-footer .footer-right {
         float: none;
    }
    /* Nav Tabs */
     .nav-tabs .nav-item {
         margin-bottom: -1px;
         width: 100%;
         background: #dde1ff;
         border-bottom: 1px solid #000;
         border-radius: 0;
    }
     .nav-tabs .nav-item .nav-link {
         color: #000;
         font-weight: bold;
    }
     .nav-tabs .nav-item .nav-link.active {
         border-radius: 0;
         background: #000;
         color: #fff;
    }
    /* Datatable */
     .table-responsive table {
         min-width: 100%;
    }
     .dataTables_wrapper .dt-buttons {
         display: none;
    }
     .data-card .bottom {
         text-align: center;
    }
     .data-card .dataTables_length {
         display: block !important;
    }
     .data-card .dataTables_info {
         float: none !important;
         margin-bottom: 10px;
    }
     .data-card .pagination {
         display: block;
    }
     .data-card .page-item .page-link {
         padding: 3px 5px;
    }
     .data-table {
         display: none;
    }
     .table-row {
         display: block!important;
    }
     .dataTable, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr {
         display: block !important;
    }
     .dataTable thead tr, .dataTable thead th, .dataTable tfoot tr, .dataTable tfoot th {
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
     .dataTable tr {
         border: 1px solid #ccc;
    }
     .dataTable td {
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
         padding-left: 40%!important;
         white-space: normal;
         text-align: left;
    }
     .dataTable td:before {
         content: attr(data-title);
         position: absolute;
         top: 6px;
         left: 6px;
         width: 35%;
         padding-right: 10px;
         font-weight: 500;
         color: #1a2229;
         background: #ddd;
         text-align: right;
         border-radius: 3px;
         white-space: nowrap;
    }
     .dataTables_filter .form-control {
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
    }
     table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
         text-align: center;
         padding-left: 0 !important;
         color: #fa0000;
    }
    /* Chart */
     .charttWrapper {
         position: relative;
         overflow-x: scroll;
    }
     .charttAreaWrapper {
         width: 700px;
         overflow-x: scroll;
    }
    /* Notifications */
     .notifications .desc-icon {
         display: none;
    }
    /* Footer */
     #main-footer .about-text {
         text-align: left;
    }
}