/* ******************************************************** */
/*                       Courses - CARDS                    */
/* ******************************************************** */

.category-pane {
    margin-top: 10px;
    margin-bottom: 10px;
    /*background-color: #f4f3f2;*/
}

.category-pane .pane-heading{
    background-color: #cccccc;
    margin-bottom: 10px;
}

.toolbar-pane{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.allcourses-card {
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -ms-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}

.card.allcourses-card:hover {
    /*zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.8;*/
    box-shadow: 1px 1px 15px #829ab7;

}

.card-button {
    border: none;
    padding: 3px 3px;
}

.card-title {
    height: 40px;
    margin-bottom: 1px!important;
}

.card-price {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    background-color: red;
    color: #ffffff;
    /*border: 2px solid red;*/
}

.coursestatus-description-label {
    padding: 4px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
}

.card-coursepart {
    position: absolute;
    top: 120px;
    right: 10px;
    padding: 4px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    background-color: #484D55
}

.card-coursestatus {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
}

.card-featuredcourse {
    position: absolute;
    top: 5px;
    padding-left: 10px;
    color: #ffffff;
    font-size: 24px;
    text-shadow:1px 1px 1px gray;
}

.card-wishlist {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px;
    /*background-color: red;*/
    color: #ffffff;
}

.card-summary {
    height: 100px;
}

.card-category {
    height: 40px;
    margin-top: 1px!important;
}

.course-subtitle {
    height: 40px;
    color: #476599!important;
}

.card-block {
    padding: 5px!important;
}

.allcourses-card .card-footer{


}

.allcourses-card img.card-img-top{
    width:100%;
    height:150px;
    object-fit: cover;
}

.allcourses-card .card-block h4 {
    height: 50px;
    font-size: 18px!important;
    font-weight: 500!important;
    color: #0f387d!important;
}

.allcourses-card .card-block h5 {
    height: 20px;
    font-size: 14px !important;
    margin-top: 15px;
}

.allcourses-card .card-enrolledusers{
    font-size: 12px;
}

/*.card-details .card-button .fa,{*/
    /*margin-right: 0px;*/
/*}*/

.card.allcourses-card{
    border: 1px solid #F0F0F0; /*rgba(0, 0, 0, 0.29);*/
    box-shadow: 2px 2px 15px 0px #dcdcdc;
}

.filter-button{
    font-weight: 600;
    border-color: #2196F3;
    font-size: 14px;
}

/*      *** Media for Cards only ***         */

/* Medium devices: Tablets (≥768px - <992px) */
@media (min-width: 768px) and (max-width: 992px){
    .allcourses-card .card-block h4 {
        height: 60px;
        font-size: 15px!important;
    }

    .allcourses-card .card-block h5 {
        height: 20px;
        font-size: 13px!important;
        margin-top: 15px;
    }

    .allcourses-card img.card-img-top{
        height:150px;
    }
}

/* Large Devices: Desktops (≥992px - <1200px) */
@media (min-width: 992px) and (max-width: 1200px){
    .allcourses-card .card-block h4 {
        height: 60px;
        font-size: 15px!important;
    }

    .allcourses-card .card-block h5 {
        height: 20px;
        font-size: 13px!important;
        margin-top: 15px;
    }
}

/* ***************************************************** */

/* Modal */
.modal#modal-academyinfo {
    background: none!important;
    display:none;
}

.modal#modal-academyinfo .modal-body {
    max-height: 600px;
}

.modal#modal-academyinfo .modal-title {
    font-size: 1.1em;
    text-shadow:none;
    color: #FF8632;
    font-weight: 600;
}

#searchInCourses{
    margin-bottom: 0px!important;
}

/* Used in official academy because cards have padding 19px*/
.card {
    padding: 0px;
}

/* ** enable "info" button flashing ** */
.flashing{
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #courses-toolbar .row {
        padding-left: 20px;
        padding-right: 20px;
    }

    #allcourses .card-group {
        padding-top: 250px!important;
    }

    #courses-toolbar .row > div {
        width: 100%;
    }

    #courses-toolbar .row-fluid > div > .dropdown-menu{
        width: 100%;
    }

    #courses-toolbar .row-fluid > form {
        width: 100%;
    }

    #courses-toolbar .row-fluid div > button {
        width: 100%;
    }

    #courses-toolbar .row-fluid div > input {
        width: 100%;
    }

    #courses-toolbar h5{
        width: 100%;
    }

    #courses-navigation .nav-pills .nav-item {
        width: 100%;
    }

    #courses-navigation .nav-pills a {
        text-align: center;
    }

    #courses-navigation .nav-pills .nav-item:last-child {
        margin-right: 10px;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    #allcourses .card-group {
        padding-top: 50px!important;
    }
}

/*** ***/
/* NEW classes */


#page #region-main h1 {
    font-size: 1.7em!important;
    color: #FF8632!important;
    letter-spacing: 1px!important;
}

#courses-toolbar .container {
    margin-left: 1em!important;
    margin-right: 0px!important;
}

#courses-toolbar .container .row {
    background-color: #F8F9FA!important;
}

.allcourses-card .card-footer .card-details .btn {
    padding: 2px 5px!important;
    display: inline-block;
    border: 2px solid #E8EBEE!important;
    color: #a2a4a6!important;
}

.lf-contributors-container {
    padding: 0px!important;
}

.lf-contributors-container .badge {
    color: #FFF;
}

.lf-contributors-popover #popoverclose {
    background:red;
    color:white;
    float:right;
    padding: 4px 10px!important;
    border-radius: 1px!important;
}

.lf-contributors-container .table td {
    padding: .25rem!important;
    border-top: 0.1px solid #E8EBEE!important;
    font-size: 0.9em;
}

.lf-contributors-container tr:first-child {
    border-top-color: #ffffff!important;
}

/*
.allcourses-card .lf-card-icon {
    color:#E8EBEE;
    margin-right: 0px;
}
*/

.allcourses-card .card-footer .card-details{
    float:right;
}

.allcourses-card .card-footer .lf-card-footer-in {
    float:left;
    margin-top: 5px;
}

.allcourses-card .card-block{
    padding: 20px;
    padding-bottom: 0px;
}

.allcourses-card .card-footer {
    padding:10px;
    background-color:white;

    border-top: 1px solid rgba(0,0,0,.125);
    margin-top:10px;
    min-height: 40px!important;
}


.allcourses-card .lf-badge {
    background-color: #FE921F;
    font-size: 1.1em!important;
    border-radius: 4px!important;
    color: #FFF;
}

#courses-navigation .nav-pills a {
    /*margin: 12px 20px 12px 0;*/
    padding: 12px 20px;
    background-color: #fff;
    color: #1f1f1f;
    font-size: 1.2em;
    border-radius: 3px;
}

#courses-navigation.jumbotron .nav-pills li.nav-item {
    border: 2px solid #a3a5a7;
    border-radius: 4px;
}

#courses-navigation .nav-pills a:hover {
    background: #f5f5f5!important;
}

#courses-navigation .nav-pills a:active {
    background: #5f6672!important;
    color: #ffffff!important;
}

#courses-navigation .nav-pills .nav-item a:focus, #courses-navigation .nav-pills .nav-item a:active, #courses-navigation .nav-pills .nav-item .nav-link .active {
    background: #5f6672!important;
    color: #ffffff!important;
}

.allcourses-card .card-footer p {
    margin-bottom: 0.2rem;
}

#courses-toolbar h5 {
    margin-bottom: 0rem!important;
    margin-top: 1rem!important;
}

#courses-toolbar button{
    font-size: 0.9em!important;
    font-weight: 500;
}

#toolbar-search.form-control{
    padding: 5px 10px;
}

#allcourses .card-group .col-xs-12, #allcourses .card-group .col-sm-4, #allcourses .card-group .col-md-3, #allcourses .card-group .col-lg-2 {
    padding-left:8px!important;
    padding-right:8px!important;
}


/*********************************************************************************/



.dropdown-menu>li>a {
    padding: 5px 12px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background: #f1f1f1;
    color: unset;
}

.lf-contributors-container .label{
    padding-right: 5px;
}


.lf-contributors-container span.label.label-primary {
    margin-right: 2px;
}

.allcourses-card .card-footer.lastupdatedatetag {
    margin-top:1px!important;
    font-size:.7rem;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    min-height: .8rem!important;
}

.allcourses-card .card-footer.lastupdatedatetag.invisibletextclass p{
    color: #FFFFFF!important;
}