.error-message{
    margin-right: 34%;
    display: flex;
    color: red;
}

.note-placeholder{
    direction: rtl;
    right: 0;
}

.tox-dialog{
    max-height: 85% !important
}
.grab i{
    cursor: grab;
}

.grabbed {
    box-shadow: 0 0 13px #000;
}

.grabCursor,
.grabCursor * {
    cursor: grabbing !important;
}
.select2-input{
    min-width: 200px;
}

#img_preview{
    width: 100%!important;
}
.col-md-2{
    border: solid balck 2px!important;
}
.ui-autocomplete.ui-widget{
    z-index: 2000;
    border: 2px solid red;
    background: rgb(67, 67, 67);
    
    width: 300px;
    font-family:tahoma;
    font: size 12px;
    color: white;
}
.ui-autocomplete,
.ui-autocomplete li.ui-menu-item {
    list-style: none;
    padding: 0;
    margin: 0
}
.select2-drop {
    direction: rtl;
}
.loader {
    display: none;  /* Hidden by default */
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    z-index: 10; /* Ensure it's on top */
}
.loader {
    display: none;  /* Hidden by default */
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 60px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    z-index: 10; /* Ensure it's on top */
    width: 94%;
    height: 332px;
}

/* Position the loader to cover the textarea */
.textareaLoader {
    position: relative;  /* Ensure textarea is positioned relative to allow loader positioning */
}

.textareaLoader ~ .loader {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}