:root{
    --tutor-gutter-x: 0 !important;
}
/* Single course */
.btn.btn-custom--entry-box, .btn.btn-outline-custom--entry-box{
    font-family: 'Lato' !important;
    font-size: 18px !important;
    font-weight: 400;
    padding: 12px 10px !important;
    text-transform: uppercase;
    border-color: #FCA84D !important;
    border-radius: 4px !important;
    margin-top: 20px;
}
.btn-custom--entry-box, .btn-outline-custom--entry-box:hover{
    background-color: #FCA84D !important;
    color: #fff !important;
}

.btn-custom--entry-box:hover, .btn-outline-custom--entry-box{
    background-color: #fff !important;
    color: #FCA84D !important;
}
.strong-points--icon, .formation--icon, .level--icon, .duration--icon{
    display: block;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: black;
    width: 22px;
    height: 22px;
}
.tutor-card-footer .strong-points--icon, .tutor-card-footer .formation--icon, .tutor-card-footer .level--icon, .tutor-card-footer .duration--icon{
    background-color: #FCA84D;
    width: 20px;
    height: 20px;
    margin-top: 0;
}
.strong-points--icon{
    -webkit-mask-image: url('../images/certificate.svg');
    mask-image: url('../images/certificate.svg');
}
.formation--icon{
    -webkit-mask-image: url('../images/formation.svg');
    mask-image: url('../images/formation.svg');
}
.level--icon{
    -webkit-mask-image: url('../images/level.svg');
    mask-image: url('../images/level.svg');
}
.duration--icon{
    -webkit-mask-image: url('../images/duration.svg');
    mask-image: url('../images/duration.svg');
}
.tutor-course-single-strong-points *{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}

.tutor-course-single-purchase .purchase__offers *{
    font-size: 22px;
}
.tutor-course-single-purchase li{
    line-height: 1.4;
    font-weight: 500;
}
.tutor-course-single-purchase li:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #5787db;
    margin-right: 195px;
    position: absolute;
}
.tutor-course-single-purchase .purchase__offers--public li:before{
    margin-right: initial;
    left: 0;
}
.tutor-course-single-purchase .purchase__details{
    font-size: 18px;
    font-weight: 300;
}

.tutor-course-details-page .tutor-card{
    background-color: #FCFCFD;
}
.tutor-course-details-page .tutor-card .tutor-card-body{
    padding: 32px 40px !important;
    background-color: #fff !important;
    border-radius: inherit !important;
}
.tutor-course-details-page .tutor-card .tutor-card-footer{
    border-width: 2px !important;
    padding: 24px 40px !important;
}
.tutor-course-details-page .tutor-card .tutor-card-footer li{
    align-items: center;
}

.tutor-course-topic-item .tutor-d-flex:last-child{
    width: initial !important;
}

.tutor-course-details-page #tutor-course-details-tab-info .tutor-course-details-content > h2, 
.tutor-course-details-page #tutor-course-details-tab-info .tutor-course-details-widget-title, 
.tutor-course-details-page #tutor-course-details-tab-info .tutor-course-content-title,
.tutor-course-details-page #tutor-course-details-tab-questions > h3{
    font-size: 30px !important;
    font-weight: 400 !important;
    color: black;
    text-transform: uppercase;
}

.tutor-course-details-page #tutor-course-details-tab-info.is-active{
    display: flex;
    flex-direction: column;
}
.tutor-course-details-page #tutor-course-details-tab-info.is-active > div:first-child{
    margin-top: 40px !important;
    order: 2;
}
.tutor-course-details-page #tutor-course-details-tab-info.is-active > div:last-child{
    margin-top: 0 !important;
    order: 1;
}
@media (max-width: 959px) {
    .tutor-course-details-page.tutor-container {
        padding-top: 40px !important;
    }
}
/* Courses list */
.btn.btn-custom--courses-list, .btn.btn-outline-custom--courses-list{
font-family: 'Lato' !important;
font-size: 12px !important;
font-weight: 700 !important;
padding: 12px 20px !important;
text-transform: uppercase !important;
border-color: #5787DB !important;
border-radius: 40px !important;
}
.btn-custom--courses-list, .btn-outline-custom--courses-list:hover{
background-color: #5787DB !important;
color: #fff !important;
}

.btn-custom--courses-list:hover, .btn-outline-custom--courses-list{
background-color: #fff !important;
color: #5787DB !important;
}

.tutor-course-list .tutor-card, .tutor-dashboard-content .tutor-card{
border: initial !important;
border-radius: none !important;
box-shadow: rgba(0, 0, 0, 15%) 0 0 10px 0;
}

.tutor-course-list .tutor-card-body, .tutor-dashboard-content .tutor-card-body{
padding-top: 30px !important;
padding-bottom: 12px !important;
}

.tutor-course-list .tutor-card-body h3, .tutor-dashboard-content .tutor-card-body .tutor-course-name {
margin-top: 0 !important;
font-size: 20px !important;
}

.tutor-course-list .tutor-card-body p, .tutor-dashboard-content .tutor-card-body p {
margin-top: 10px !important;
font-size: 13px !important;
}

.tutor-course-list .tutor-card-footer, .tutor-dashboard-content .tutor-card-footer{
padding-top: 0 !important;
padding-bottom: 30px !important;
border: initial !important;
}

.tutor-course-list img.tutor-card-image-top, .tutor-dashboard-content img.tutor-card-image-top{
border-radius: initial !important;
}

.tutor-course-list .tutor-meta>*, .tutor-dashboard-content .tutor-meta>*{
color: initial !important;
font-size: 15px !important;
}
.course-archive-page{
    margin-top: 5rem;
    margin-bottom: 5rem;
}

/*general*/
.tutor-dashboard{
	margin-top: 36px !important;	
}
.tutor-dashboard .tutor-dashboard-header-display-name > div{
	line-height: 1.2 !important;
}
.tutor-dashboard-content .tutor-fs-5:not(.tutor-course-progress-item-title) {
font-size: 26px;
}
.tutor-dashboard-content .tutor-ratings{
display: none !important;
}
.tutor-widget-content .tutor-btn{
font-family: 'Lato' !important;
font-size: 12px !important;
font-weight: 700 !important;
padding: 12px 20px !important;
text-transform: uppercase !important;
border-color: #5787DB !important;
border-radius: 40px !important;
}
.tutor-widget-content .tutor-btn:hover{
background-color: #5787DB !important;
color: #fff !important;
}

.tutor-widget-content .tutor-btn{
background-color: #fff !important;
color: #5787DB !important;
}

.tutor-course-wishlist-btn{
background-color: #fff !important;
}

.tutor-course-wishlist-btn .tutor-icon-bookmark-line:before, .tutor-course-wishlist-btn .tutor-icon-bookmark-bold:before{
color: #FCA84D;
}

.tutor-icon-bookmark-line:before{
content: "\e9e6" !important;
}

.tutor-icon-bookmark-bold:before{
content: "\e9e4" !important;
}

body:not(.uncode-unmodal-overlay-visible) .main-wrapper{
z-index: initial !important;
}

.text-success{
    color: var(--tutor-color-success);
}

.text-error{
    color: var(--tutor-color-danger);
}

/* style tableau */

.table--custom {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 32px;
    border-radius: 8px;
    overflow: hidden;
}

.table--custom th,
.table--custom td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-color: #000;
}

.table--custom td{
    font-weight: 400;
}

.table--custom th {
    background-color: #f2f2f2;
    color: #333;
    font-weight: bold;
    border-top: 1px solid #ddd;
}

.table--custom tr:nth-child(even) {
    background-color: #f9f9f9;
}

.table--custom tr:hover {
    background-color: #f5f5f5;
}

.table--custom td:last-child {
    text-align: center;
}

.table--custom a{
    color: #FCA84D;
}

.table--custom a:hover{
    text-decoration: underline;
}

.table--custom td .btn-delete {
    display: inline-block;
    border: 1px solid var(--tutor-color-danger);
    padding: 8px 16px;
    color: #fff;
    background-color: var(--tutor-color-danger);
    border-radius: 4px;
    text-decoration: none !important;
    transition: 0.2s ease-in-out;
}

.table--custom td .btn-delete:hover {
    color: var(--tutor-color-danger);
    border-color: var(--tutor-color-danger);
    background-color: transparent;
    transition: 0.2s ease-in-out;
}

/* Page plan */

/** Range **/

.buying__plans .range__single--complexe  {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.buying__plans .range__single--complexe input[type=range]{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    z-index: 10;
    background-color: transparent !important;
    position: absolute;
    margin-top: 0;
    width: 100%;
    height: 10px;
    transform-origin: center;
}
.buying__plans .range__single--complexe input[type=range]:focus{
    outline: none;
}
.buying__plans .range__single--complexe input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
    cursor: pointer;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #fff;
    border: 4px solid #5787db;
    box-shadow: initial;
    transform-origin: center;
}
.buying__plans .range__single--complexe input[type=range]::-moz-range-thumb{
    cursor: pointer;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #5787db;
    border: 4px solid #fff;
    box-shadow: initial;
}
.buying__plans .range__single--complexe input[type=range]::-ms-thumb{
    cursor: pointer;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: #5787db;
    border: 4px solid #fff;
    box-shadow: initial;
}
.buying__plans .range__single--complexe .ticks{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    top: 0;
    bottom: 0;
    padding: 0px !important;
    margin-top: 0;
}
.buying__plans .range__single--complexe .tick{
    position: relative;
    display: flex;
    justify-content: center;
    width: 30px;
    line-height: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.buying__plans .range__single--complexe .tick.active{
    font-weight: bold;
    font-size: 25px;
    color: #5787db;
}
.buying__plans .range__single--complexe .tick:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 10px;
    height: 10px;
    background: #fff;
}
.buying__plans .range__single--complexe .output_range--text{
    display: flex;
    justify-content: center;
    align-items: center;
    top: -25px;
    border: 2px solid #5787db;
    background-color: #fff;
    min-width: 80px;
    height: 30px;
    border-radius: 15px;
    padding: 0 10px;
    transition: 0s !important;
    z-index: 1;
}
.buying__plans .range__single--complexe .output_range--text{
    color: #5787db;
    position: absolute;
}
.buying__plans .range__single--complexe .output_range--after{
    display: block;
    position: absolute;
    top: 1px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5787db;
    transition: 0s !important;
}
.buying__plans .range__single--complexe .bar_progress{
    width: calc(100% - 4px);
    margin: auto;
    background-color: #e2e2e2;
    height: 10px;
}
.buying__plans .range__single--complexe .bar_progress .progresss{
    position: absolute;
    height: 10px;
    background-color: #5787db;
    transition: 0s !important;
}
/** Card **/
.plans__items, .courses__items{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.plans__items .items__plan, .courses__items .items__course{
    display: flex;
    flex-direction: column;
    background-color: #fff!important;
    border: 2px solid #5787db;
    border-radius: 13px;
    margin: 20px;
    width: 390px;
    max-width: 100%;
    padding: 20px 30px;
}
.courses__items .items__course:before{
    --background-image-before: url('../images/subaccount_0');
}
.plans__items .items__plan:before, .courses__items .items__course:before{
    content: "";
    display: block;
    width: 100px;
    height: 64px;
    margin: 0 auto;
    background-image: var(--background-image-before);
}
.plans__items .items__plan .plan__title, .courses__items .items__course .course__title{
	min-height: 90px !important;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}
.plans__items .items__plan .plan__price, .courses__items .items__course .course__price{
    text-align: center;
    margin-top: 27px;
}
.plans__items .items__plan .plan__price p, .courses__items .items__course .course__price p{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
    color: #5787db;
}
.plans__items .items__plan .plan__accounts, .courses__items .items__course .course__accounts{
    margin-top: 27px;
    margin-bottom: 27px;
    padding: 0 10px !important;
}
.plans__items .items__plan .plan__accounts li, .courses__items .items__course .course__accounts li {
    margin-bottom: 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: grey;
}
.plans__items .items__plan .plan__accounts .strong-points--icon, .courses__items .items__course .course__accounts .strong-points--icon{
    margin-right: 12px;
    background-color: grey;
}
.plans__items .items__plan .plan__accounts li span:not(.strong-points--icon), .courses__items .items__course .course__accounts li span:not(.strong-points--icon){
    width: calc(100% - 34px);
}
.plan__button, .course__button, .account__button{
    margin-top: auto !important;
    margin-bottom: 20px !important;
}
/*Card promo*/
.price--promo{
	font-size: 16px !important;
}
.price-year--promo, .price-reduction--promo{
	font-size: 10px !important;
}
.price--promo, .price-year--promo, .price-reduction--promo{
	color: #FCA84D;
	vertical-align: top;
	text-decoration: line-through;
}
.price__text--promo{
	font-size: 16px !important;
	color: black !important;
	margin-top: 12px !important;
}
.price__text--promo span{
	color: #FCA84D;
}
@media (max-width: 569px) {
    .buying__plans .range__single--complexe .tick{
        display: none;
        margin: 0 auto;
    }
    .buying__plans .range__single--complexe .tick.active{
        display: flex;
    }

    .plans__items .items__plan, .courses__items .items__course{
        margin: 20px 0;
        padding: 15px 25px;
    }
}
/* Formulaire */
.simpay-checkout-form--stripe_checkout-styled.simpay-styled, .simpay-checkout-form--embedded.simpay-styled{
    max-width: 100% !important;
}
.simpay-embedded-heading.simpay-styled{
    display: none;
}
/** LOGIN FORM **/
.tutor-page-wrap .tutor-login-wrap{
    margin: 5rem auto;
}
#tutor-login-form .tutor-btn.tutor-btn-primary{
	display: block;
	margin: auto;
    background-color: var(--tutor-color-primary);
}
/** Fix tutor **/
.tutor-accordion .tutor-course-content-list-item div:last-child{
    display: flex;
    align-items: center;
}
@media (max-width: 959px) {
    .tutor-course-details-header, 
    .tutor-course-details-page > div > main > div:not(.tutor-course-details-tab), 
    .tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky,
    .tutor-course-details-page .tutor-course-details-tab .tutor-tab-item .tutor-course-details-content > h2,
    .tutor-course-details-page .tutor-course-details-tab .tutor-tab-item > .tutor-mt-40,
    .tutor-course-details-page .tutor-course-details-tab #tutor-course-details-tab-questions,
    .tutor-course-spotlight-wrapper .tutor-course-spotlight-tab,
    .tutor-lms.archive .tutor-courses-wrap
     {
        padding-left: 36px;
        padding-right: 36px;
    }
}
.tutor-dashboard .tutor-dashboard-content .tutor-capitalize-text{
    text-transform: initial !important;
}