:root,
[data-bs-theme=light] {
    --ct-font-size: 14px;
    --ct-font-family: 'Poppins',sans-serif,Helvetica,Arial,Lucida;
    --ct-line-height: 1.3;

    --ct-font-weight-thin: 100;
    --ct-font-weight-extra-light: 200;
    --ct-font-weight-light: 300;
    --ct-font-weight-regular: 400;
    --ct-font-weight-medium: 500;
    --ct-font-weight-semi-bold: 600;
    --ct-font-weight-bold: 700;
    --ct-font-weight-extra-bold: 800;
    --ct-font-weight-black: 900;
    --ct-fw-thin: 100;
    --ct-fw-extra-light: 200;
    --ct-fw-light: 300;
    --ct-fw-regular: 400;
    --ct-fw-medium: 500;
    --ct-fw-semi-bold: 600;
    --ct-fw-bold: 700;
    --ct-fw-extra-bold: 800;
    --ct-fw-black: 900;
    --ct-color-yellow: #FCD000;
    --ct-color-green: #45b8aa;
    --ct-color-violet: #98599a;
    --ct-color-gray: #E6E8EA;
    --ct-color-gray: #EAEFF2;
    --ct-color-gray-200: #616160;
    --ct-color-black-100: #1F2020;
    --ct-color-green: #3CB6A6;
    --ct-color-purple: #9952A0;
    
    --ct-color-primary: #000;
    --ct-color-secondary: #98599a;
    --ct-bg-gray-1: #f5f5f5;
    --ct-bg-gray-2: #e1e1e1;
    --ct-bg-gray-3: #f0f0f0;
    --ct-bg-gray-4: #d6dbdf;
    --ct-bg-mod-uc-gray: #eaeff2;
    --ct-text-color-primary: #595a5c;
    --ct-text-color-secondary: #9c9c9c;
    --ct-text-color-gray: #6c757d;
    --ct-border-width: 1px;
    --ct-border-color: #dee2e6;
    --ct-body-bg: #F5F5F5;
    --ct-body-font-size: var(--ct-font-size);
    --ct-body-font-weight: var(--ct-font-weight-regular);
    --ct-body-color: var(--ct-text-color-primary);

    /*FORM BTN INPUT*/
    --ct-btn-border-radius: 18px;
    --ct-btn-font-size: var(--ct-font-size);
    --ct-input-border: var(--ct-border-width) solid var(--ct-border-color);
    --ct-input-border-rd: 18px;
    --ct-input-border-color: var(--ct-border-color);
    --ct-input-height: 40px;
    --ct-input-font-family: var(--ct-font-family);
    --ct-input-font-size: var(--ct-font-size);
    --ct-input-font-weight: var(--ct-body-font-weight);
    --ct-input-color: var(--ct-text-color-primary);
    --ct-input-bg: #FFF;
    --ct-input-line-height: 1.5;
    --ct-input-padding: 4px 15px;
    --ct-ig-input-height: 38.4px;
    --ct-ig-fa-font-size: 22px;
    --ct-ig-fa-close-color: var(--ct-text-color-primary);
    --ct-ig-line-height: 40px;
    --ct-label-font-family: var(--ct-font-family);
    --ct-label-font-size: var(--ct-font-size);
    --ct-label-font-weight: var(--ct-font-weight-medium);
    --ct-label-color: var(--ct-text-color-primary);
    --ct-legend-font-family: var(--ct-font-family);
    --ct-legend-font-size: var(--ct-font-size);
    --ct-legend-font-weight: var(--ct-font-weight-bold);

     /*STATUS COURSE*/
    --ct-color-assigned: #98599a;
    --ct-color-not-started: #ababab;
    --ct-color-started: #45b8aa;
    --ct-color-approved: #FED000;
    --ct-color-reprobate: #518ab5;

    /*SOCIAL LIKE && WISH*/
    --ct-color-c-like-active: #FFF;
    --ct-bg-c-like-active: var(--ct-color-primary);
    --ct-color-c-wish-active: #FFF;
    --ct-bg-c-wish-active: var(--ct-color-primary);

    --ct-btn-pag-color: #FFF;
    --ct-btn-pag-bg: var(--ct-color-primary);

    --ct-btn-cal-color: #FFF;
    --ct-btn-cal-bg: var(--ct-color-primary);

    --ct-card-border-rd: 12px;
    --ct-prc-mn-icon-height: 38px;
    --ct-mn-icon-fav-height: 26.5px;
}

html{
    font-size: var(--ct-font-size);
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased;
}

body {
    position: relative;
    font-family: var(--ct-font-family);
    font-size: 1rem;
    font-weight: var(--ct-body-font-weight);
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased;
    color: var(--ct-body-color);
    background-color: var(--ct-body-bg);
    line-height: var(--ct-line-height);
}

#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    position: relative;
    top: 0;
    right: 0;
    overflow: auto;
    overflow-x: hidden;
}

#main{
    position: absolute;
    width: 100%;
}

#wrap {
  min-height: 100%;
}

#wrapper-ct{
    /*overflow-x: hidden;*/
}

.text-transparent {
    color: transparent !important;
}

.bg-transparent{
    background: transparent !important;
}

a{
    color: var(--ct-body-color);
}

a:hover{
    color: var(--ct-body-color);
}

a,
.btn-link{
    text-decoration: none !important; 
}

a > *{
    cursor: pointer;
}

p{
    text-align: left;
}

p, a{
    font-family: var(--ct-font-family);
    font-size: 1rem;
    font-weight: var(--ct-body-font-weight);
}

b{
    font-family: var(--ct-font-family);
    font-size: 1rem;
    /*color: var(--ct-body-color);*/
}

i.bi{
    line-height: 0.9;
    display: inline-block;
    vertical-align: middle;
}

i.fa{
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

.h1, h1 {
    font-weight: var(--ct-font-weight-bold);
}

.h2, h2 {
    font-family: var(--ct-font-family);
    font-weight: var(--ct-font-weight-bold);
}

.h3, h3 {
    font-weight: var(--ct-font-weight-bold);
}

.h4, h4 {
    font-family: var(--ct-font-family);
    font-weight: var(--ct-font-weight-bold);
}

.h5, h5{
    font-family: var(--ct-font-family);
    font-weight: var(--ct-font-weight-bold);
}

.h6, h6{
    font-family: var(--ct-font-family);
    font-weight: var(--ct-font-weight-bold);
}

.row {
    font-family: var(--ct-font-family);
    /* margin-bottom: 1em; */
}

.row-mb {
    margin-bottom: 1em;
}

.color-uc-assigned{
    color: var(--ct-color-assigned) !important;
}

.color-uc-approved{
    color: var(--ct-color-approved) !important;
}

.color-uc-started{
    color: var(--ct-color-started) !important;
}

.color-uc-not-started{
    color: var(--ct-color-not-started) !important;
}

.color-uc-reprobate{
    color: var(--ct-color-reprobate) !important;
}

.bg-uc-assigned{
    background-color: var(--ct-color-assigned) !important;
}

.bg-uc-approved{
    background-color: var(--ct-color-approved) !important;
}

.bg-uc-started{
    background-color: var(--ct-color-started) !important;
}

.bg-uc-not-started{
    background-color: var(--ct-color-not-started) !important;
}

.bg-uc-reprobate{
    background-color: var(--ct-color-reprobate) !important;
}

.text-raw-html p{
    margin-bottom: 0px;
}

.mbr-overlay-custom{
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;  
}

.view-news,
.view-library,
.view-certificates,
.view-user-courses{
    
}

.cursor-pointer{
    cursor: pointer;
}

.card-transparent,
.card-container{
    background: transparent;
    border: 0px;
}

.card-transparent .card-header,
.card-container .card-header{
    background: transparent;
    border-bottom: 0px;
}

.card-transparent .card-body,
.card-container .card-body{
    background: transparent;
    border-bottom: 0px;
    color: var(--ct-text-color-primary);
}

.card-transparent .card-footer,
.card-container .card-footer{
    background: transparent;
    border-top: 0px;
}

.text-line-clamp{
    max-height: 4rem;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.text-line-clamp-1{
    max-height: 2rem;
    -webkit-line-clamp: 1;
}

.text-line-clamp-2{
    max-height: 4rem;
    -webkit-line-clamp: 2;
}

.text-line-clamp-3{
    max-height: 6rem;
    -webkit-line-clamp: 3;
}

.text-line-clamp-4{
    max-height: 8rem;
    -webkit-line-clamp: 4;
}

/*MEDIA MAX*/
@media (max-width: 1399.98px) {
    
}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
    /*.text-raw-html-md p {
        line-height: 1 !important;
        font-variant: all-small-caps !important;
    }

    .text-raw-html-md p span {
        line-height: 1 !important;
        font-variant: all-small-caps !important;
    }*/
}

@media (max-width: 575.98px) {

}

@media (max-width: 479.98px) {

}


/*MEDIA MIN*/
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {
    .container{
        max-width: 1220px !important;
    }
}