.sub-task-modal,
.pirs-modal {
    z-index: 1051;
}

.modal-open > .ui-front {
    z-index: 1052 !important;
}

.pirs-modal-alert .modal-header h1, .pirs-modal-alert .modal-header h2, .pirs-modal-alert .modal-header h3 {
    color: var(--pirs-red);
}

#moderation-user-attributes-complete-form,
#agreement-modal > .modal-dialog,
#policy-modal > .modal-dialog {
    width: 60%;
}

#policy-modal p,
#agreement-modal p {
    color: var(--pirs-gray);
}

#policy-modal strong,
#agreement-modal strong {
    color: var(--pirs-gray);
}

.modal-content {
    color: var(--pirs-gray);
    background-color: var(--pirs-bg3);
}

.close {
    color: var(--pirs-gray);
    text-shadow: 0 1px 0 var(--pirs-gray);
    opacity: 0.5;
}

.close:focus,
.close:hover {
    color: var(--pirs-blue);
    text-shadow: 0 1px 0 var(--pirs-blue);
}

.modal-header h3 {
    margin: 0;
    font-size: 24px;
    letter-spacing: -0.318182px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-body .comment {
    display: block;
    padding: 5px 15px;
}

.modal-body .note-input {
    width: calc(100% - 12px);
    height: 70px;
    border: 1px solid var(--pirs-gray);
    background-color: var(--pirs-bg2);
    border-radius: 5px;
    margin: 5px 5px -15px 5px;
    padding: 5px 30px 5px 5px;
    scrollbar-width: thin;
    scrollbar-color: var(--pirs-blue) #4A4A4A;
}

.modal-body .btn-send-note {
    position: relative;
    left: calc(100% - 37px);
    top: -30px;
    z-index: 2;
    cursor: pointer;
}


.modal-body .notes {
    padding: 5px;
    overflow-y: auto;
    max-height: 150px;
}

.modal-content > .overflow-auto,
.modal-body .notes {
    scrollbar-width: thin;
    scrollbar-color: var(--pirs-blue) #4A4A4A;
}


.modal-content > .overflow-auto::-webkit-scrollbar-thumb,
.modal-body .note-input::-webkit-scrollbar,
.modal-body .notes::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
    background-color: #4A4A4A;
}

.modal-content > .overflow-auto::-webkit-scrollbar-thumb,
.modal-body .note-input::-webkit-scrollbar-thumb,
.modal-body .notes::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--pirs-blue);
}

.modal-body .note {
    width: 100%;
    padding-right: 15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
    margin-top: 5px;
}

.modal-body .file-drop-zone-title {
    padding: 10px 10px;
}

.modal-body .file-drop-zone {
    min-height: 110px;
    margin: 0;
}

.modal-body .select2-container--krajee .select2-selection {
    background-color: transparent;
}

.modal-body .select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border-left: none;
}

.input:disabled {
    cursor: not-allowed;
}