:root {--jumbotron-padding-y: 2rem;}
body { padding-top: 60px; }
.navbar-brand{ padding-top:0; padding-bottom:0;}
.footer-section{border-top: 1px solid #eee;}
.jumbotron{
    background: #fafbfc;
}
.main-content{
    min-height: 500px;
    background: #fff;
    padding: 15px 0px;
    border-top: 1px solid #ced4da;
}
.bigchar {
    text-transform: uppercase;
    font-size: 5em;
    text-align: center;
    background: #f3f4f5;
    min-height: 200px;
    padding-top: 0.5em;
    font-weight: lighter;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.profile-photo{
    height: 150px;
    width: 150px;
    max-width: 150px;
    background-size:cover;
    background-position:center center;
    margin: 0 auto;
    border-radius: 75px;
    border: none;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1) inset
}
#summary-cont{
    padding:0;
    min-width: 155px;
}
.card-name {
    text-transform: capitalize;
    font-size: 12pt;
    font-weight: 500;
}
.card-name a{
    text-transform: capitalize;
    color: #333;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
main.home .card-title, main.coursebooks .card-title {
    text-transform: capitalize;
    font-size: 11pt;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
main.home .card-college,main.coursebooks .card-college {
    text-transform: capitalize;
    font-size: 10pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
main.home .card-email,main.coursebooks .card-email {
    text-transform: lowercase;
    font-size: 10pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bg-dark-red{background: #8b131d;}
.navbar-dark .navbar-toggler{border: none;}
.logo-text{
    padding: 0px 10px;
    line-height: 16pt;
}
.logo-name{
    font-size: 12pt;
    font-weight: 400;
}
.logo-slogan{
    font-size: 10pt;
    font-weight: lighter;
}
#college, #department, #title{ width: 100%; }

#courses tr, #profiles tr{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}
#courses tr td, #profiles tr td{
    display: inline-block;
    border: 0px;
    padding: 0px;
    width: 100%;
}
#profiles .dataTables_empty, #courses .dataTables_empty{
    text-align: center;
    min-height:300px;
    position: absolute;
}
#courses .col-lg-3,#courses .col-md-4,#courses .col-sm-6,
#profiles .col-lg-3,#profiles .col-md-4,#profiles .col-sm-6,
.filter-container .col-lg-3,.filter-container .col-md-4,.filter-container .col-sm-6{
    padding: 0 10px;
}
.table-footer .pager{display: inline-block;}
.table-footer .pager .pagination{display: inline-flex;}
.table-footer .dataTables_length{
    display: inline-flex;
    width: auto;
}
.table-footer .dataTables_length select{padding: .375rem .75rem;}
.table-footer .record-info{display: inline-flex;}
.table-footer .dataTables_info{
    display: inline-block;
    padding: 3px 5px;
    margin: 0 5px;
    height: 31px;
}
.card-img-top {
    height: 200px;
    background-position: center 27%;
    background-repeat: no-repeat;
    background-size: cover;
}
.card.h-100{transition: box-shadow .5s ease;}
.card.h-100:hover{box-shadow: 0 1px 3px rgba(0,0,0,0.1)}

.dataTables_processing {
    position: fixed;
    top: calc( 50% - 37px );
    left: calc( 50% - 40px );
    width: auto;
    height: 50px;
    margin: 0;
    padding: 4px 20px;
    background: #343a40ef !important;
    color: #fff;
    border-radius: 3px;
    z-index: 333;
}
.dataTables_processing svg{ width: 40px; height: 40px;}
#department-cont{ background: #ddd; border-radius: 5px;}
.ladda-label { width: 100%; }
.bg-dark { background-color: #343a40ef!important; }
.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * .6);
    padding-bottom: calc(var(--jumbotron-padding-y) * .6);
  }
}
.jumbotron p:last-child {margin-bottom: 0;}
.jumbotron-heading {font-weight: 300;}
.home .jumbotron .container,
.coursebooks .jumbotron .container {max-width: 40rem;}
.coursebooks .down-arrow-watermark{
    font-size: 48pt;
    color: #eee;
    position: absolute;
    bottom: 0;
    right: 0;
}
.coursebooks .badge-rounded{
    padding: 4px 8px;
    font-size: 10pt;
    font-weight: 400;
    border-radius: .25rem;
}
footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
footer p {margin-bottom: .25rem;}
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.profile-sub-nav {background: #fafbfc;}
.profile-sub-nav .navbar{padding: .1rem .5rem;}
.profile-sub-nav .nav-link{padding: .6rem .8rem !important;}
.profile-sub-nav .dropdown-menu.show{border-radius: 0;}
.profile-sub-nav .navbar-toggler{border: none}
@media (max-width: 575px){.text-xs-center {text-align: center!important;}}
table.table-view{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2.5rem;
}
table.table-view th{
    padding: .4rem !important;
    font-weight: 400;
    background: #fafbfc;
}
table.table-view td{
    padding: .3rem .4rem !important;
    vertical-align: top;
}
.card-header{padding: .4rem 1rem;}
.profile .card .list-group-item{padding: .4rem 1rem;}
.profile-sub-nav .nav-link.active{box-shadow: 0 3px 0px 0px #555;}

aside .list-group-item.active { color: #212529; background:none; font-weight:bolder; border:none; }
html[dir="ltr"] aside .list-group-item.active { box-shadow: inset 3px 0 0 0 #6c757d; }
html[dir="rtl"] aside .list-group-item.active { box-shadow: inset -3px 0 0 0 #6c757d; }

@media (min-width: 400px) and (max-width: 991px){
    .container{
        max-width: 98%;
    }
}

@media (max-width: 991px){
    .profile-sub-nav .nav-link{padding: .4rem .6rem !important;}
    .profile-sub-nav{border-top: 1px solid #ced4da;}
    .dropdown-toggle::before,
    .dropdown-toggle::after{
        position:relative;
        display: inline-block;
        border: none;
        margin:0;
        margin-top:5px;
        background: rgba(0,0,0,.5);
    }
    
    .dropdown-toggle.active::before,
    .dropdown-toggle.active::after{
        background: #333;
    }
    
    html[dir='ltr'] .dropdown-toggle::before,
    html[dir='ltr'] .dropdown-toggle::after{
        float:right;
        margin-left:5px;
    }
    html[dir='rtl'] .dropdown-toggle::before,
    html[dir='rtl'] .dropdown-toggle::after{
        float: left;
        margin-right:5px;
    }
    .dropdown-toggle::before {
        width: 12px;
        height: 2px;
        content: "";
        transform: translate(0px,5px);
    }
    
    .dropdown-toggle::after {
        width: 2px;
        height: 12px;
        content: "";
        transform: translate(12px,0px);
    }
    html[dir='ltr'] .dropdown-toggle::after { transform: translate(12px,0px); }
    html[dir='rtl'] .dropdown-toggle::after { transform: translate(-12px,0px);}
    
    html[dir='ltr'] 
    .dropdown-toggle[aria-expanded="true"]::after{
        display:none;
    }
    
    html[dir='ltr'] 
    .dropdown-toggle[aria-expanded="true"]::before{
        margin-left:12px;
    }
    
    html[dir='rtl'] 
    .dropdown-toggle[aria-expanded="true"]::after{
        display:none;
    }
    html[dir='rtl'] 
    .dropdown-toggle[aria-expanded="true"]::before{
        margin-right:12px;
    }
    .dropdown-menu{
        padding:0;
        background: none;
        margin-top:-1px;
        border: none;
        box-shadow:none !important;
    }
    .nav-link.active,
    .nav-link.dropdown-toggle.active{
        border: none;
        box-shadow:none !important;
        background:none;
        font-weight: bolder;
    }
    .dropdown-item.active{
        border: none;
        color: #212529;
        background: none;
        font-weight: bolder;
    }
    
}

.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.02);}
.table-striped tbody tr:nth-of-type(odd):hover,
.table-striped tbody tr:nth-of-type(even):hover{background-color: rgba(0,0,0,.035);}
.table-striped tbody tr:nth-of-type(event):hover{background-color: rgba(0,0,0,.03);}