/*--------------------------------------------------------------
CUSTOM STYLE
--------------------------------------------------------------*/
.custom-style-subheader{
    height: 70px;
    width: 100%;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1)
}

.custom-style-subheader-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.custom-style-user-container{
    display: flex;
    align-items: center;
}

.custom-style-user-container img{
    align-self: center;
    height: 42px;
    border-radius: 4px;
    margin-right: 15px
}

.completed-exercise:after{content: ''!important}

.kt-notification.kt-notification--fit .completed-exercise:hover .kt-notification__item-title{color: #595d6e!important}

.carousel-topics-container{
    display: flex;
    align-items: center;
    justify-content: space-between
}

.carousel-topics{
    margin: 0;
    padding: 15px;
    width: 95%
}

.carousel-topics .carousel-topics-item{
    margin: 0;
    list-style-type: none;
    min-height: 200px;
    background: #fff;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    padding: 15px;
    display: flex;
    align-items: center
}

.carousel-topics .carousel-topics-item svg{
    width: 130px;
    height: 130px
}

.carousel-topics-item-content{
    text-align: left;
    margin-left: 30px;
    max-width: 80%
}

.carousel-topics-item-content p{
    margin: 0;
    padding: 0
}

@media screen and (max-width: 900px){
    .carousel-topics .carousel-topics-item{flex-wrap: wrap}
    .carousel-topics .carousel-topics-item svg{margin: 0 auto}

    .carousel-topics-item-content{
        max-width: 100%;
        margin-top: 20px
    }
}

.progress-onboarding{position: relative}

.progress-onboarding-points{
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 4px;
    padding: 0 5px;
    display: flex;
    align-items: center
}

.progress-onboarding-points li{
    padding: 0;
    margin: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #000!important;
    border: 3px solid #fff;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    cursor: pointer;
    list-style-type: none;
    position: relative;
}