@charset "UTF-8";
.ui-widget-overlay { background: rgba(15, 23, 20, .55) !important; opacity: 1 !important; }

#complaintTypeDialog { direction: rtl; }
#complaintTypeDialog.ui-dialog,
#requestDialogId-popup.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: calc(100vw - 32px) !important;
    height: auto !important;
    max-height: calc(100vh - 32px) !important;
    max-height: calc(100dvh - 32px) !important;
    margin: 0 !important;
    border: none;
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(18, 52, 36, .24);
    overflow: hidden;
}
#complaintTypeDialog.ui-dialog { max-width: 640px !important; }
#requestDialogId-popup.ui-dialog { max-width: 680px !important; }

#complaintTypeDialog .ui-dialog-titlebar,
#requestDialogId-popup .ui-dialog-titlebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(135deg, #087b49, #0ea169);
    border: none;
    border-radius: 0;
    padding: 0 18px;
    min-height: 56px;
}
#complaintTypeDialog .ui-dialog-title,
#requestDialogId-popup .ui-dialog-title {
    flex: 1;
    margin: 0;
    color: #fff;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.8;
}
#complaintTypeDialog .ui-dialog-titlebar-icon,
#requestDialogId-popup .ui-dialog-titlebar-icon {
    position: static !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    opacity: 1 !important;
    transition: background .15s;
}
#complaintTypeDialog .ui-dialog-titlebar-icon:hover,
#requestDialogId-popup .ui-dialog-titlebar-icon:hover { background: rgba(255, 255, 255, .3); }
#complaintTypeDialog .ui-dialog-titlebar-icon:focus-visible,
#requestDialogId-popup .ui-dialog-titlebar-icon:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#complaintTypeDialog .ui-dialog-titlebar-icon .ui-icon,
#requestDialogId-popup .ui-dialog-titlebar-icon .ui-icon {
    position: static !important;
    margin: 0 !important;
    filter: invert(1) brightness(2);
}

#complaintTypeDialog .ui-dialog-content { height: auto !important; max-height: calc(100vh - 120px) !important; max-height: calc(100dvh - 120px) !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; background: #f2f8f4; }
#complaintTypeDialog .main-modal { direction: rtl; background: transparent; }
#complaintTypeDialog .modal-body-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#complaintTypeDialog .modal-body { background: transparent; }
#complaintTypeDialog .cover-page-head { display: none; }
#complaintTypeDialog .cover-page,
#complaintTypeDialog .modal-body { margin: 0 !important; padding: 0 !important; background: transparent !important; }
#complaintTypeDialog .cover-page-container.p-l-b { margin: 0 !important; padding: 18px !important; top: auto !important; background: transparent !important; }
#complaintTypeDialog .feedback-forms.row { margin-left: 0; margin-right: 0; }
#complaintTypeDialog .feedback-forms > div[class*="col-"] { margin-bottom: 14px; padding-bottom: 0 !important; }
#complaintTypeDialog .feedback-forms > div[class*="col-"]:last-child { margin-bottom: 0; }
#complaintTypeDialog .modal-title {
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #d3e4da;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px rgba(18, 52, 36, .06);
}
#complaintTypeDialog .modal-head.p-m {
    background: #e8f4ed;
    color: #14523a;
    font-size: 13.5px;
    font-weight: 700;
    text-align: center;
    padding: 13px 12px;
    border-bottom: 1px solid #d3e4da;
    line-height: 1.8;
}
#complaintTypeDialog .p-4 { padding: 16px; display: flex; flex-direction: column; gap: 14px; flex: 1; background: #fff; }
#complaintTypeDialog .form-group { margin: 0; }
#complaintTypeDialog .form-group.pb-4 { padding-bottom: 0 !important; }

#complaintTypeDialog .ui-selectonemenu,
#requestDialogId-popup .ui-selectonemenu,
#complaintTypeDialog .form-control,
#requestDialogId-popup .form-control,
#complaintTypeDialog input.ui-inputfield,
#requestDialogId-popup input.ui-inputfield {
    height: 46px;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    border: 1px solid #cfe0d6 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 13px;
    color: #233c31;
    text-shadow: none !important;
}
#complaintTypeDialog .ui-selectonemenu,
#requestDialogId-popup .ui-selectonemenu {
    display: flex !important;
    align-items: center;
    padding: 0 14px 0 38px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a7a63' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 14px center !important;
    background-size: 15px 15px !important;
    cursor: pointer;
}
#complaintTypeDialog .ui-selectonemenu-label,
#requestDialogId-popup .ui-selectonemenu-label {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #233c31;
    font-size: 13px;
    line-height: 1.9;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#complaintTypeDialog .ui-selectonemenu-trigger,
#requestDialogId-popup .ui-selectonemenu-trigger { display: none !important; }
#complaintTypeDialog .ui-selectonemenu::after,
#requestDialogId-popup .ui-selectonemenu::after,
#complaintTypeDialog .ui-selectonemenu::before,
#requestDialogId-popup .ui-selectonemenu::before { content: none !important; display: none !important; }
#complaintTypeDialog input.form-control,
#requestDialogId-popup input.form-control { padding: 0 14px !important; }
#complaintTypeDialog .form-control::placeholder,
#requestDialogId-popup .form-control::placeholder { color: #80958a; opacity: 1; }
#complaintTypeDialog .ui-selectonemenu:hover,
#requestDialogId-popup .ui-selectonemenu:hover,
#complaintTypeDialog .form-control:hover,
#requestDialogId-popup .form-control:hover { border-color: #a9cbb8 !important; }
#complaintTypeDialog .ui-selectonemenu.ui-state-focus,
#requestDialogId-popup .ui-selectonemenu.ui-state-focus,
#complaintTypeDialog .form-control:focus,
#requestDialogId-popup .form-control:focus {
    border-color: #087b49 !important;
    box-shadow: 0 0 0 3px rgba(8, 123, 73, .12) !important;
    outline: none;
}

.ui-selectonemenu-panel.ns-ddl-panel {
    direction: rtl;
    border: 1px solid #cfe0d6 !important;
    border-radius: 12px !important;
    padding: 6px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgba(18, 52, 36, .16) !important;
    overflow: hidden;
}
.ui-selectonemenu-panel.ns-ddl-panel .ui-selectonemenu-items-wrapper { max-height: 232px !important; overflow-y: auto; }
.ui-selectonemenu-panel.ns-ddl-panel .ui-selectonemenu-list { padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; }
.ui-selectonemenu-panel.ns-ddl-panel .ui-selectonemenu-item {
    margin: 0 !important;
    padding: 10px 12px !important;
    border: none !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #233c31 !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
    text-align: right !important;
    text-shadow: none !important;
}
.ui-selectonemenu-panel.ns-ddl-panel .ui-selectonemenu-item.ui-state-highlight,
.ui-selectonemenu-panel.ns-ddl-panel .ui-selectonemenu-item:hover {
    background: #e8f4ed !important;
    color: #0b5c38 !important;
    font-weight: 600;
}

#complaintTypeDialog .button-primary {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 10px;
    background: #087b49;
    color: #fff !important;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s, box-shadow .15s;
}
#complaintTypeDialog .button-primary:hover { background: #076b40; box-shadow: 0 4px 12px rgba(8, 123, 73, .22); }
#complaintTypeDialog .button-primary:focus-visible { outline: 2px solid #087b49; outline-offset: 2px; }

#requestDialogId-popup .ui-dialog-content { height: auto !important; max-height: calc(100vh - 105px) !important; max-height: calc(100dvh - 105px) !important; padding: 20px !important; overflow-x: hidden !important; overflow-y: auto !important; direction: rtl; background: #fff; }
#requestDialogId-popup .requestForm-popup .row { display: flex; flex-wrap: wrap; gap: 14px 0; margin: 0 0 14px; }
#requestDialogId-popup .requestForm-popup .row:last-of-type { margin-bottom: 0; }
#requestDialogId-popup .form-group { margin: 0; }
#requestDialogId-popup .form-group label { display: block; margin-bottom: 6px; color: #294c38; font-size: 13px; font-weight: 600; }
#requestDialogId-popup .form-group .icon { color: #c0392b; }
#requestDialogId-popup textarea.form-control { height: auto !important; min-height: 92px; padding: 10px 14px !important; line-height: 1.9; resize: vertical; }
#requestDialogId-popup .ui-fileupload,
#complaintTypeDialog .ui-fileupload { direction: rtl; font-size: 13px; border: 1px solid #cfe0d6; border-radius: 12px; overflow: hidden; background: #fff; }
#requestDialogId-popup .ui-fileupload-buttonbar,
#complaintTypeDialog .ui-fileupload-buttonbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px !important;
    border: none !important;
    border-bottom: 1px solid #e2eae5 !important;
    border-radius: 0 !important;
    background: #f5faf7 !important;
    background-image: none !important;
    box-shadow: none !important;
}
#requestDialogId-popup .ui-fileupload-buttonbar .ui-button,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto !important;
    min-height: 38px;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #cfe0d6 !important;
    border-radius: 9px !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #233c31 !important;
    font-size: 13px !important;
    font-weight: 600;
    text-shadow: none !important;
    overflow: visible !important;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
#requestDialogId-popup .ui-fileupload-buttonbar .ui-button .ui-button-text,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-button .ui-button-text {
    display: inline-block !important;
    position: static !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.9 !important;
    color: inherit !important;
}
#requestDialogId-popup .ui-fileupload-buttonbar .ui-button .ui-button-icon-left,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-button .ui-button-icon-left {
    position: static !important;
    margin: 0 !important;
    flex: 0 0 auto;
}
#requestDialogId-popup .ui-fileupload-buttonbar .ui-fileupload-choose,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-fileupload-choose {
    border-color: #087b49 !important;
    background: #087b49 !important;
    color: #fff !important;
}
#requestDialogId-popup .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon { filter: invert(1) brightness(2); }
#requestDialogId-popup .ui-fileupload-buttonbar .ui-fileupload-choose:hover,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-fileupload-choose:hover { background: #076b40 !important; border-color: #076b40 !important; }
#requestDialogId-popup .ui-fileupload-buttonbar .ui-button:not(.ui-fileupload-choose):hover,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-button:not(.ui-fileupload-choose):hover { background: #eef7f1 !important; border-color: #a9cbb8 !important; }
#requestDialogId-popup .ui-fileupload-buttonbar .ui-button.ui-state-disabled,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-button.ui-state-disabled { opacity: .5 !important; cursor: default; }
#requestDialogId-popup .ui-fileupload-buttonbar .ui-button:focus-visible,
#complaintTypeDialog .ui-fileupload-buttonbar .ui-button:focus-visible { outline: 2px solid #087b49; outline-offset: 2px; }
#requestDialogId-popup .ui-fileupload-content,
#complaintTypeDialog .ui-fileupload-content {
    min-height: 54px;
    padding: 12px !important;
    border: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    font-size: 13px;
}
#requestDialogId-popup .ui-fileupload-files,
#complaintTypeDialog .ui-fileupload-files { display: flex; flex-direction: column; gap: 8px; margin: 0; }
#requestDialogId-popup .ui-fileupload-row,
#complaintTypeDialog .ui-fileupload-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #e2eae5;
    border-radius: 9px;
    background: #fbfdfc;
}
#requestDialogId-popup .ui-fileupload-row > div,
#complaintTypeDialog .ui-fileupload-row > div { padding: 0 !important; border: none !important; }
#requestDialogId-popup .ui-fileupload-filename,
#complaintTypeDialog .ui-fileupload-filename { color: #233c31; font-size: 12.5px; word-break: break-all; }
#requestDialogId-popup .ui-fileupload-row img,
#complaintTypeDialog .ui-fileupload-row img { max-width: 56px; height: auto; border-radius: 6px; }
#requestDialogId-popup .ui-fileupload-progressbar .ui-progressbar-value,
#complaintTypeDialog .ui-fileupload-progressbar .ui-progressbar-value { background: #087b49 !important; border-color: #087b49 !important; }
#requestDialogId-popup .ui-fileupload-messages .ui-messages-error,
#complaintTypeDialog .ui-fileupload-messages .ui-messages-error {
    border: 1px solid #f0c9c4 !important;
    border-radius: 9px !important;
    background: #fdf2f1 !important;
    color: #9b332a !important;
    font-size: 12.5px;
    padding: 10px 12px !important;
}

#requestDialogId-popup .btn-register { margin-top: 18px; display: flex; justify-content: flex-end; }
#requestDialogId-popup .btn-register .btn.btn-success {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 30px;
    border: none;
    border-radius: 10px;
    background: #087b49;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s, box-shadow .15s;
}
#requestDialogId-popup .btn-register .btn.btn-success:hover { background: #076b40; box-shadow: 0 4px 12px rgba(8, 123, 73, .22); }
#requestDialogId-popup .btn-register .btn.btn-success:focus-visible { outline: 2px solid #087b49; outline-offset: 2px; }

@media (max-width: 560px) {
    #complaintTypeDialog .ui-dialog-title,
    #requestDialogId-popup .ui-dialog-title { font-size: 14.5px; }
    #complaintTypeDialog .cover-page-container.p-l-b { padding: 14px !important; }
    #complaintTypeDialog .p-4 { padding: 14px; }
    #requestDialogId-popup .ui-dialog-content { padding: 16px !important; }
    #requestDialogId-popup .requestForm-popup .row > div[class*="col-"] { flex: 1 1 100%; max-width: 100%; }
    #requestDialogId-popup .btn-register .btn.btn-success { width: 100%; }
    #requestDialogId-popup .ui-fileupload-buttonbar .ui-fileupload-choose,
    #complaintTypeDialog .ui-fileupload-buttonbar .ui-fileupload-choose { flex: 1 1 100%; }
    #requestDialogId-popup .ui-fileupload-buttonbar .ui-button:not(.ui-fileupload-choose),
    #complaintTypeDialog .ui-fileupload-buttonbar .ui-button:not(.ui-fileupload-choose) { flex: 1 1 calc(50% - 4px); }
}

@media (min-width: 992px) {
    #complaintTypeDialog.ui-dialog { max-width: 860px !important; }
    #requestDialogId-popup.ui-dialog { max-width: 880px !important; }
    #complaintTypeDialog .feedback-forms > div[class*="col-"] { margin-bottom: 0; }
    #complaintTypeDialog .ui-dialog-titlebar,
    #requestDialogId-popup .ui-dialog-titlebar { min-height: 64px; padding: 0 24px; }
    #complaintTypeDialog .ui-dialog-title,
    #requestDialogId-popup .ui-dialog-title { font-size: 17px; }
    #complaintTypeDialog .ui-dialog-content { max-height: calc(100vh - 128px) !important; max-height: calc(100dvh - 128px) !important; }
    #complaintTypeDialog .cover-page-container.p-l-b { padding: 26px !important; }
    #complaintTypeDialog .modal-head.p-m { font-size: 15px; padding: 17px 16px; }
    #complaintTypeDialog .p-4 { padding: 22px; gap: 18px; }
    #complaintTypeDialog .ui-selectonemenu,
    #requestDialogId-popup .ui-selectonemenu,
    #complaintTypeDialog .form-control,
    #requestDialogId-popup .form-control { height: 50px; font-size: 14px; }
    #complaintTypeDialog .ui-selectonemenu-label,
    #requestDialogId-popup .ui-selectonemenu-label { font-size: 14px; }
    #complaintTypeDialog .button-primary { height: 50px; font-size: 14.5px; }
    #requestDialogId-popup .ui-dialog-content { padding: 26px !important; }
    #requestDialogId-popup .form-group label { font-size: 14px; }
    #requestDialogId-popup textarea.form-control { height: auto !important; min-height: 110px; }
    #requestDialogId-popup .btn-register .btn.btn-success { height: 50px; font-size: 14.5px; padding: 0 36px; }
    .ui-selectonemenu-panel.ns-ddl-panel .ui-selectonemenu-item { font-size: 14px !important; padding: 11px 14px !important; }
}

@media (min-width: 561px) {
    #requestDialogId-popup .requestForm-popup .row > div[class*="col-sm-6"] { flex: 1 1 calc(50% - 7px); max-width: calc(50% - 7px); }
    #requestDialogId-popup .requestForm-popup .row > div[class*="col-sm-12"] { flex: 1 1 100%; max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    #complaintTypeDialog .button-primary,
    #requestDialogId-popup .btn-register .btn.btn-success,
    #complaintTypeDialog .ui-dialog-titlebar-icon,
    #requestDialogId-popup .ui-dialog-titlebar-icon { transition: none; }
}