:root{
    --ct-help-btn-border-rd: var(--ct-btn-border-radius);
}

.section-help-home{

}

.view-course-help{
    background: var(--ct-body-bg);
    height: 100%;
    overflow: auto;
    line-height: 1;
}

.section-help{
    /* padding-top: 30px; */
}

.section-help .title{
    text-align: center;
    font-size: 36px;
    font-weight: var(--ct-font-weight-bold);
    padding: 0px;
    text-transform: none;
    color: #000;
}

.section-help .title-info{
    text-align: center;
    margin-bottom: 10px;
    color: #000;
}

.section-help .card{
    border-radius: var(--ct-help-btn-border-rd) !important;
    border: 0px;
    background: transparent;
}

.section-help .card.card-help-form{
    background: #FFF !important;
    border-radius: var(--ct-help-btn-border-rd) !important;
    border: 0px;
    background: transparent;
}

.section-help .card-body{
    background: transparent;
    border-radius: var(--ct-help-btn-border-rd) !important;
}

.section-help .card-footer{
    background: transparent;
    border-top: 0px;
    padding: 15px;
    text-align: center;
}

.section-help .card.card-help-form .row-element{
    border: 0px !important;
    text-align: center;
    margin-bottom: 1em;
}

.card-help-category{
    min-height: 380px;
    background: var(--ct-bg-gray-3) !important;
}

.card-help-category .card-header{
    border: 0px;
    height: 160px;
    background-size: cover !important;
    background-position-x: right !important;
    background-blend-mode: multiply;
    border-radius: var(--ct-help-btn-border-rd) var(--ct-help-btn-border-rd) 0px 0px;
}

.card-help-category .card-header div{
    height: 160px;
}

.card-help-lms .card-header{
    background-image: url('/app/images/help/img-help-lms.png');
}

.card-help-lms-ct{
    background: transparent !important;
}

.card-help-lms-ct .card-header{
    background-image: none;
}

.card-help-lms-ct .card-body img{
    width: 100%;
    margin-top: -20px;
}

.card-help-lms-ct .card-footer{
    padding: 0px;
}

.card-help-course .card-header{
    background-image: url('/app/images/help/img-help-course.png');
}

.card-help-category .card-body{

}

.card-help-category .card-body p{
    text-align: center;
    font-size: 26px;
    font-weight: var(--ct-font-weight-bold);
    margin-bottom: 0px;
}

.card-help-category .card-body{
    padding-left: 0px;
    padding-right: 0px;
}

.card-help-category .card-footer{
    text-align: center;
}

.section-help .border-header-ct{
    text-align: center;
}

.section-help .border-header{
    width: 100px;
    display: inline-block;
    margin: auto;
    /* border-bottom: 6px solid var(--ct-color-primary); */
}

.card-help-user-info,
.card-help-user-info .card-body{
    padding: 0px;
    border-radius: var(--ct-help-btn-border-rd);
}

.card-help-category,
.card-help-form,
.card-help-user-info{
    margin-bottom: 15px;
}

.card-help-form,
.card-help-form .card-body{
    padding: 0px;
    border-radius: var(--ct-help-btn-border-rd) !important;
}

.card-help-form .row-element,
.card-help-user-info .row-element{
    margin: 0px;
    /* padding-top: 5px;
    padding-bottom: 5px; */
    background: #FFF;
    border: 1px solid #EDEAEA !important;
    border-radius: var(--ct-help-btn-border-rd);
    margin-bottom: 10px;
    margin-bottom: 1em !important;
}

.card-help-form .row-element.border-bottom,
.card-help-user-info .row-element.border-bottom{
    border-bottom: 1px solid var(--ct-text-color-primary) !important;
}

.card-help-form .row-element.border-top,
.card-help-user-info .row-element.border-top{
    border-top: 1px solid var(--ct-text-color-primary) !important;
}

.card-help-user-info .row-element{
    padding: 10px 5px;
    border-radius: var(--ct-help-btn-border-rd);
}

.card-help-user-info .row-element p{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.card-help-user-info .row-element p b{
    font-size: 1rem;
}

.card-help-form .row-element label{
    font-weight: var(--ct-font-weight-regular);
    padding-top: 15px;
    padding-bottom: 15px;
}

.card-help-form textarea{
    border: 0px;
    resize: none;
    /* background: var(--ct-bg-gray-3); */
    border-radius: 0px 0px var(--ct-input-border-rd) var(--ct-input-border-rd);
    text-align: left;
}

.card-help-form{
    margin-bottom: 18px;
}

#carouselHelp .carousel-item{
    height: 100% !important;
}

#slcHelpCurso{
    border-radius: var(--ct-input-border-rd) var(--ct-input-border-rd) 0px 0px;
    /* background: var(--ct-bg-gray-3); */
    border: 0px;
    height: 43px;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #DDD;
}

.section-help .btn.btn-bts-cst {
    padding-left: 50px !important;
    padding-right: 50px !important;
    border-radius: var(--ct-help-btn-border-rd);
}

#taHelpMessageLms,
#taHelpMessageCourse{
    border: 1px solid #DDD;
    border-radius: 0px 0px var(--ct-help-btn-border-rd) var(--ct-help-btn-border-rd);
    border: 0px;
    background: #FFF;
}


.card-help-form .form-control{
    border-radius: var(--ct-input-border-rd);
}

.btn-help-request-return .bi{
    margin-right: 15px;
}

.section-help .input-value-required-lb{
    color: red;
}

@media (max-width: 767.98px) { 
    .section-help .title {
        font-size: 24px;
    }
}