*{
    word-break: break-word;
    text-overflow: clip;
}

#lessons-container{
    margin: 25px;
}

#lessons-rate{
    margin: 25px;
    padding: 10px;
}

#my-rate{
    margin: 10px;
}

.border-right{
    border-right: 2px solid green;
    width: 100%;
}

.img-cover{
    width: fit-content;
    min-width: 50px;
    min-height: 50px;
    margin-bottom: 10px;
}

#add-btn{
    max-width: 800px;
}

#course-card{
    padding: 15px;
    overflow: hidden;
}

.card-footer {
    overflow: hidden;
}

.card-text{
    word-break: break-word;
    text-overflow: clip;
}

.card{
    text-align: center;
    padding: 10%;
}


#course-container{
    margin: 25px;
}

.field{
    font-size: small;
    display: inline-table;
}

span>.IN-6d5494f8-69f0-4a9d-8c6b-3e3c3eb1b33b-1G9ISYhSF8XoOmdcl0yKDu>xdoor-icon{
    margin-left: 0px!important;
}

.share-buttons{
    display: inline-flex;
    padding: 5px;
}

.share-buttons button{
    margin: 10px;
}
.share-buttons div{
    margin: 10px;
}

.noborder{
    border: 0px;
}

.profile-pic {
	position: relative;
	display: inline-block;
}

.profile-pic:hover .edit {
	display: block;
}

.edit {
	padding-top: 7px;	
	padding-right: 7px;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}

@media screen and (max-width: 500px) {
    .profile-pic .edit {
        display: block;
    }
    #page-header > span{
        font-size: 20px;
    }
    
}

@media screen and (min-width:992px) {
    #checkout-button{
        max-width: 500px;
    } 
  }