.myMiniBtn{
    border-radius: 5px; 
    margin: 0px;
    padding: 5px !important 
}

.myMiniBtnDelete{
    border-radius: 5px; 
    border-color: brown;
    margin: 0px;
    padding: 5px !important;
    color: brown;
}

.flex-list {
    list-style-type: none;
    counter-reset: item;
    padding-left: 0;
}

.flex-list li {
    display: flex;
    align-items: center;
    counter-increment: item;
    position: relative;
    padding-left: 1em;
}

.flex-list li::before {
    content: counter(item) ". ";
    position: absolute;
    left: 0;
}
  
.deleteContentBtn {
    margin-left: auto;
}

.deleteContentBtn:hover {
    color: brown;
}

.deleteCourseBtn {
    background-color: brown;
}

.deleteCourseBtn:hover {
    background-color: crimson;
}

h4 {
    margin-bottom: 0px;
    margin-right: 10px;
}

ol li span {
    margin-right: auto;
}

.updateField:hover {
    cursor: pointer;
    color: #01aaff;
}

.visible {
    display: inline-block;
}

.hidden {
    display: none;
}