[contenteditable=true], [contenteditable=false]{
    display: block;
    resize: none;
    outline: none;
    text-decoration: none;
    text-transform: none;
    text-align: left;
    cursor: text;
    min-height: 56px;
    height: auto !important;
    width: 100%;
    border: 1px solid #ECECEC;
    border-radius: 6px;
    background-color: #FCFCFC;
    padding: 6px 13px;
    color: #495057;
    overflow-y: auto;
}
[contenteditable=true]:empty:before {
    content: attr(placeholder);
    color: #B8B8B8;
    display: block;
}
[contenteditable=false]:empty:before {
    content: attr(placeholder);
    color: #B8B8B8;
    display: block;
}

.form-err{
    color: #D84D4D;
    margin-top: 0;
    display: inline-block !important;
    font-size: 12px !important;
    width: 100%;
    margin-left: 2px;
    text-align: left;
}

.bootstrap-dialog .modal-header {
    display: block;
}
.bootstrap-dialog .modal-footer {
    text-align: right;
}
.bootstrap-dialog .modal-header .close {
    outline: none;
}
.bootstrap-dialog .modal-header {
    background-color: #303956 !important;
}

#toast-container>.toast-success {
    background-color: #303956!important;
}
#toast-container>.toast-warning {
    background-color: #ed0b4ccc !important;
}

[dir=ltr] .active .nav-link, [dir=ltr] .nav-link.active {
    color: #fff;
    background-color: #5567ff;
}

[dir=ltr] .collapse:not(.show) {
     display: block;
}
.collapse:not(.in) {
    display: none !important;
}

.auth-modal .modal-body{
    padding: 20px 30px 10px 30px;
}
.auth-modal .modal-footer{
    text-align: center;
}

.courses-list .card-img-top{
    background-size: cover !important;
}

.custom-checkbox,
.custom-control-input,
.custom-control-label{
    cursor: pointer;
}


@media (min-width: 576px){

    [dir=ltr] .modal-dialog {
        max-width: 550px;
    }
}