.course_image_div {
    height: 320px;
}

.course_image_div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.progress {
    height: 5px !important;
    background-color: #dfdddd !important;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.cert_div {
    display: inline-block;
    padding: 2px 0px !important;
    height: 80px !important;
    border-radius: 10px;
}

.cert_div img {
    height: -webkit-fill-available;
}

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

#assessment_modal_ul li {
    list-style-type: disc;
    margin-left: 3%;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak-as: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-star:before {
    content: "\e93f";
}

.icon-check:before {
    content: "\e953";
}

table {
    border: none;
}

table.table_scorecard {
    border-collapse: separate;
    border-spacing: 2px 2px;
    background-color: var(--color-light-8);
    /* border-radius: 8px 8px; */
}

table.table_scorecard thead {
    background-color: var(--color-primary-op-1);
    border: 2px solid var(--color-black);
}

table.table_scorecard th {
    padding: 15px;
    font-size: 16px;
    line-height: 1;
    /* color: var(--color-white); */
    font-weight: 400;
}

/* table.table_scorecard th:first-child {
    border-radius: 8px 0 0 8px;
}

table.table_scorecard th:last-child {
    border-radius: 0 8px 8px 0;
} */

table.table_scorecard td {
    padding: 15px;
    border-bottom: none;
    border-color: transparent;
    /* border-radius: 8px 8px; */
}

table.table_report {
    border-collapse: separate;
    border-spacing: 2px 2px;
    background-color: var(--color-light-8);
    /* border-radius: 8px 8px; */
}

table.table_report thead {
    background-color: var(--color-primary-op-1);
    border: 2px solid var(--color-black);
}

table.table_report th {
    padding: 15px;
    font-size: 16px;
    line-height: 1;
    color: var(--color-black);
    font-weight: 400;
}

/* table.table_report th:first-child {
    border-radius: 8px 0 0 8px;
}

table.table_report th:last-child {
    border-radius: 0 8px 8px 0;
} */

table.table_report td {
    padding: 15px;
    border-bottom: none;
    border-color: transparent;
}

.rating {
    text-decoration: none !important;
}

.button.-secondary-2 {
    /* background-color: var(--color-secondary); */
    text-decoration: none;
    border: 2px solid var(--color-secondary);
}

.button.-secondary-2:hover {
    color: var(--color-secondary) !important;
    background-color: var(--color-white) !important;
}

/*.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-white);
    background-color: var(--color-secondary);
}*/

.border-bottom-primary {
    border-bottom: 0.5px solid var(--color-secondary);
}

.is-active>.tab_icon {
    filter: invert(8%) sepia(100%) saturate(6481%) hue-rotate(246deg) brightness(102%) contrast(143%);
}

@media (width<=768px) {
    .row {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .tabs__controls {
        flex-wrap: wrap;
    }

    .tabs__content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .accordion__button {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .compl_left {
        margin-top: 15px;
    }

    .compl_right {
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
}

/* Ratings widget */
.rate {
    display: inline-block;
    border: 0;
}
/* Hide radio */
.rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label {
    float: right;
    color: var(--color-dark-7);
}
/* The star of the show */
.rate > label:before {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 50px;
    content: "\f005 "; /* full star */
}

/* Half star trick */
.rate .half:before {
    content: "\f089 "; /* half star no outline */
    position: absolute;
    padding-right: 0;
    font-size: 50px;
}
/* Click + hover color */
input:checked ~ label, /* color current and previous stars on checked */
label:hover, label:hover ~ label { color: var(--color-yellow-1);  } /* color previous stars on hover */

/* Hover highlights */
input:checked + label:hover, input:checked ~ label:hover, /* highlight current and previous stars */
input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: var(--color-yellow-4);  } 