[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] .nav-pills .active .nav-link, [dir=ltr] .nav-pills .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;
}


.color-1 { background: #7e6df6; } /* Deep Purple */
.color-2 { background: #F44336; } /* Red */
.color-3 { background: #2196F3; } /* Blue */
.color-4 { background: #FF5722; } /* Deep Orange */
.color-5 { background: #2eca7f; } /* Green */
.color-6 { background: #29B6F6; } /* Light Blue */
.color-7 { background: #E91E63; } /* Pink */
.color-8 { background: #AA00FF; } /* Purple */
.color-9 { background: #FF9800; } /* Orange */
.color-10 { background: #FBC02D; } /* Amber */
.color-11 { background: #9dd100; } /* Lime */
.color-12 { background: #26d9ac; } /* Teal */



.modal .close {
    position: inherit;
    width: inherit;
    background: none !important;
}
.modal-lunar .modal-body{
    padding: 0;
}
.modal-lunar.size-large .modal-dialog{
    max-width: 800px !important;
}
.modal-lunar button.close {
    position: absolute;
    z-index: 1;
    right: 10px !important;
    top: 10px !important;
    height: 2.5rem;
    width: 2.5rem;
    background: rgba(193, 193, 193, 0.3) !important;
    border-radius: 50%;
    font-size: 1.8rem;
    padding: 0;
}
.modal-lunar .modal-dialog button.close {
    height: 2.5rem;
    opacity: .5;
    font-size: 28px;
}
.modal-lunar .modal-dialog button.close:hover {
    opacity: .75;
}
.modal-lunar .btn-cta {
    line-height: 22px;
}
.modal-lunar iframe{
    width: 0 !important;
    min-width: 100% !important;
    height: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 0;
}
.modal.no-header .modal-header,
.modal.no-footer .modal-footer{
    display: none;
}


.select2-container--default .select2-selection--single {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem .75rem;
    border: 1px solid #edf0f2;
    border-radius: .25rem;
    box-shadow: inset 0 1px 1px rgba(39, 44, 51, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
    font-size: .8125rem;
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 39px;
}
.select2-container--open .select2-dropdown--below {
    border: 1px solid #edf0f2;
    border-top: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dbdee1;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
}


.coloris {
    z-index: 9999 !important;
}
.full .clr-field button {
    width: 100%;
    height: 100%;
    border-radius: .25rem;
}
.clr-field input{
    cursor: pointer;
}
.form-group.full{
    max-width: 90px;
}

.card-body .overlay{
    background: none;
}

.ui-sortable{
    /*position: relative;*/
}
.ui-sortable-handle{
    cursor: pointer;
}
.ui-sortable-helper{
    background-color: #FFFFFF;
    border: 1px solid #ececec;
    opacity: 0.8;
    width: 100%;
}
.ui-sortable-helper .btn{
    /*display: none;*/
}
.ui-sortable-placeholder{
    height: 60px;
    border: 3px dashed grey;
}

.text-align.active{
    color: #212529;
    background-color: #d7dde2;
    border-color: #cfd7dd;
}
.size-md{
    height: 32px !important;
}

.no-result{
    text-align: center;
    padding: 30px;
    border: 1px dashed #c3c3c3;
}



@media (min-width: 576px){

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