.list-group-item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.parsley-error {
    border-color: #f75964 !important;
}
.contentElements-wrapper > .ql-editor, .ql-container  {
    height:auto;
}
form#addpageContent .button-list {
    text-align: right;
}

.lesson-header-title {
    padding-left: 20px;
}
.page-items-list {
    list-style: none;
}
.custom-success-icons > i {
    font-size: 100px;
    color: green;
}

ul.page-items-list {
    padding-left: 0;
}
ul.page-items-list li {
    font-size: 16px;
    margin-bottom: 15px;
}
span.round-number {
    background: #616161;
    padding: 5px 10px 5px 10px;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}

.completed-items button.accordion-button {
    width: 180px;
    margin: 0 auto;
}

.text-right {
    text-align: right;
}

.defualtHide {
    display:none;
}

.defualtShow {
    display:inline-block;
}

div.defualtShow {
    display: block;
}

.custom-accordion-title:hover {
    color: #ef7b21 !important;
}

.activeLesson {
    color: #ef7b21 !important;
}

p.result-pass > i {
    color: #fff;
    background: green;
    border-radius: 4px;
    margin-right: 5px;
    padding: 2px;
}
p.result-fail > i {
    color: #fff;
    background: red;
    border-radius: 4px;
    margin-right: 5px;
    padding: 2px;
}
form.newContentElement {
    width: 100%;
}

/* Start Custom Step Form CSS */
.step-wrapper {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.question-pagination {
    flex-wrap: wrap;
}

.question-pagination .page-item,
.question-pagination .page-item .page-link {
    position: relative;
}

.question-pagination .page-item.page-item--gap .page-link {
    visibility: hidden;
    font-size: 0;
    margin:0;
    padding:0;
    display: none;
}

.question-pagination .page-item.page-item--gap + .page-item:not(.page-item--gap) {
    margin-left: 2em;
}

.question-pagination .page-item.page-item--gap + .page-item:not(.page-item--gap):after {
    content: "…";
    position: absolute;
    right:100%;
    bottom:10%;
    margin-right: 9px;
    pointer-events: none;
}

.step-selected {
    display: block;
    opacity: 1;
}


form.feManagerValidation .custom-input-error {
    border-color: #f75964;
}

form.feManagerValidation .custom-input-sucsess {
    border-color: #5ad092;
}

@media (min-width: 992px) {
    body[data-layout-mode=two-column] .content-page {
        margin-left: 70px !important;
    }
}
/* End Custom Step Form CSS */


.loadingoverlay {
    position: absolute;
    top: -88px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 181%;
    background: rgba(0,0,0,0.2);
}

#appListForm .form-check label i {
	font-size: 25px;
	color: #ef7b21;
}

.form-check .form-check-input:checked + label i::before {
	content: "\e90b";
}

#appListForm .form-check {
	position: relative;
	padding-left: 0;
}

#appListForm .form-check .form-check-input {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 0;
}
