@charset "UTF-8";

@media (min-width:1200px) {
    .container{
        max-width:1320px;
    }
    .logo img{
        max-width: 80%;
    }
    .u-sidebar--account__toggle-text {
      display: inline-block;
    }
}

@media (min-width:991px) and (max-width:1024px) {
    #custom-navbar {
        /*flex-grow: 0;*/
    }
}

@media (min-width:991px) {
    #custom-navbar {
        padding-right: 100px;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .u-header__sub-menu:not(.u-header__promo) {
      padding-top: 5px;
      padding-bottom: 5px;
    }
}

@media(max-width:991px) {
    .account-header .navigation-trigger,
    .account-header .navigation-inner,
    .account-header .navbar-toggler {
         width: 100%!important;
    }
     #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;
    }
    .account-header .nav-container {
        border-radius: 10px;
    }
    .account-header .nav-container {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
}

@media(min-width:768px) {
   #logoAndNav .navbar-toolbox {
        position: absolute;
        right:10px;
   }
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-expand-md .u-header__navbar-brand {
         display: block;
         width: 100%;
         text-align: center;
    }
    #logoAndNav .navbar-toolbox {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
     .u-sidebar--account__toggle-text {
      display: inline-block;
    }
}

@media(max-width:767px) {
    #logoAndNav {
        padding: 0;
    }
    #logoAndNav .u-header__navbar {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    #logoAndNav .navbar-toolbox ul li {
        padding: 1rem .5rem 1rem .5rem;
        border-left: 1px solid #ddd;
        margin: 0;
    }
    #navBar {
         margin-top: 1rem;
         margin-bottom: 1rem;
    }
     #navBar ul > li {
         border-bottom: 1px solid #ddd;
    }
     #navBar ul li:last-child {
         border-bottom: none;
    }
    .navbar-nav {
        padding: 1rem;
    }
    #navBar ul > li {
        border-bottom: 1px dotted #000;
    }
    #custom-navbar {
        width: 100%;
        margin: 0 -10px;
        left:0;
        border-top: 1px solid #ddd;
        border-bottom: 5px solid #ddd;
        box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175) !important;
    }
    #custom-navbar .navbar-nav {
        background: #f6f6f6;
    }
    .js-go-to {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .advertisement.horizontal {
         margin: 2rem 0 2rem 0;
    }
    .u-header__navbar-brand-center {
        width: 120px;
        margin-right: 0;
    }
    .u-header__navbar-brand-center img {
        width: 100%;
        display: block;
    }
    #mini-shopping-card {
        position: static;
    }
    #shoppingCartDropdown {
        position: absolute;
        width: 100%;
        top: 57px;
        right: 0 !important;
        left: 0 !important;
        border-top:  1px solid #ddd;
        border-bottom:  5px solid #ddd;
        box-shadow: 0 10px 40px 10px rgba(140, 152, 164, 0.175) !important;
    }
    .footer-menu ul {
        text-align: left;
    }
    .footer-menu ul li {
        display: inline-block;
        width: 48%;
        padding-left: 0;
        padding-right: 0!important;
        margin-left: 0;
        margin-right: 0!important;
        position: relative;
    }
    .btn-sm-block {
        display: block;
        width: 100%;
    }
}

@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-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 {
        border-bottom: none;
    }
    .nav-tabs .nav-item {
         width: 100%;
         margin-bottom: 1px;
    }
    .nav-tabs .nav-item .nav-link {
        color: #000;
        font-weight: bold;
        background: #ddd;
        border-radius: 5px;
    }
    .nav-tabs .nav-item .nav-link.active {
        color: #fff;
        background: #000;
        border-color: #000;
    }
    .nav .nav-item:not(:first-child) {
        margin-left: 0;
        margin-right: 0;
    }
    .nav .nav-item:not(:last-child) {
        margin-right: 0;
    }
    /* 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;
    }
}

@media(min-width:400px) and (max-width:576px) {
    .account-header .media {
         display: flex !important;
    }
}