body {
    font-size: .9rem;
}

    body.sticky-footer .content-wrapper {
        min-height: calc(100vh - 56px - 58px);
    }

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
    background-color: #013f70;
}

.dropdown-menu {
    font-size: .9rem;
}

.dropdown-item {
    padding: 0.18rem .9rem;
}

.footer-text {
    font-size: .7rem;
}

.category_name{
    font-size: 17px !important;
    color:blue;
}

.course_title{
    width: 24% !important;
}

.thleft {
    text-align: left;
    vertical-align: top !important;
    padding-left: 5px !important;
    padding-right: 0px !important;
    width: 12%;
}

.thright {
    text-align: right;
    vertical-align: top !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 12%;
}

.thcenter {
    text-align: center;
    vertical-align: top !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 12%;
}

.course_close_btn{
    position: absolute; 
    right: -24px; 
    top: -12px; 
    border-radius: 26px; 
    background-color: whitesmoke; 
    z-index: 1400; 
    Overflow: visible; 
    border-bottom: 0px; 
    padding: 0px 5px 10px 5px !important;
}

.custom_course_dialogue{
    max-width: 80% !important;
    margin-left: 0% !important;
}

table.dataTable tbody td, table.dataTable thead th {
    padding-left: 8px !important;
    padding-right: 8px !important;
    vertical-align: top !important;
}

.flex-sm-row div {
    margin-right: 0px !important;
}

.btn-outline-primary {
    margin-right: 5px !important;
}

@media (max-width: 1024px) {
    body {
        font-size: .8rem;
    }

    .dropdown-menu {
        font-size: .8rem;
    }

    .custom-course-set-margin{
        max-width: 580px !important;
    }

    #customCourseFrame{
        height: 88vh !important;
    }
}

@media (max-width: 988px) {
    body {
        font-size: .7rem;
    }

    .dropdown-menu {
        font-size: .7rem;
    }

    .bg-dark {
        padding-left: 5px !important;
    }

    .custom-course-set-margin {
        /*margin-left: -10px !important;*/
    }

    #customCourseFrame {
        /*height: 88vh !important;*/
        height: 160vh !important;
    }
}

@media(min-width: 1024px){
    .custom-course-set-margin{
        max-width: 580px !important;
    }

    #customCourseFrame{
        height: 78vh !important;
    }
}

@media(max-width: 568px){
    .custom-course-set-margin{
        margin-left: 20px !important;
    }

    .custom-course-set-margin{
        max-width: 500px !important;
    }

    #customCourseFrame{
        height: 94vh !important;
    }
}

@media (max-width: 414px) {
    .simple-marquee-container {
        width: 35% !important;
    }

    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .dataTables_length {
        float: left !important;
    }

    .dataTables_filter {
        float: right !important;
        margin-top: 0em !important;
    }

        .dataTables_filter input {
            padding-left: 2px !important;
        }

    .dataTables_info {
        float: left !important;
    }

    .dataTables_paginate {
        float: right !important;
    }

    .course_title{
        width: 32% !important;
    }

    .thleft {
        text-align: left;
        vertical-align: top !important;
        padding-left: 5px !important;
        padding-right: 0px !important;
        width: 12%;
    }

    .thright {
        text-align: right;
        vertical-align: top !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 12%;
    }

    .thcenter {
        text-align: center;
        vertical-align: top !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 12%;
    }

    .course_close_btn{
        position: absolute; 
        right: -12px; 
        top: -6px; 
        border-radius: 26px; 
        background-color: whitesmoke; 
        z-index: 1400; 
        Overflow: visible; 
        border-bottom: 0px; 
        padding: 0px 5px 10px 5px !important;
    }

    .custom-course-set-margin{
        margin-left: 0px !important;
    }

    #customCourseFrame {
        /*height: 54vh !important;*/
        height: 110vh !important;
    }
}

.logoutShow{
	display: none;
    font-color: #fff;
}
.modal {
    top:-10px !important;
}

@media(max-width:680px) {
    .colhide {
        display: none;
    }

    .logoutShow {
        display: block;
        font-color: #fff !important;
    }
}

@media (max-width: 991px) {
    .userHeaderGrp {
        width: 50% !important;
        float: left !important;
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .userHeaderUserName {
        width: 50% !important;
        margin-top: 10px;
    }
}

@media (max-width: 360px) {
    .simple-marquee-container {
        width: 25% !important;
    }
}

@media only screen and (orientation: landscape) {
    .modal.show .modal-dialog {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }
}

@media screen and (max-width: 570px) and (min-width: 565px) {
    .modal.show .modal-dialog {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }
}

@media screen and (max-width: 814px) and (min-width: 810px) {
    .modal.show .modal-dialog {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    }
}