/*logComplaint-11574074.css */
:root {
	--dzBgLC: rgba(233, 237, 242, 0.3);
	--dzBgLCHoverLC: rgba(233, 237, 242, 0.1);
	--gray1LC: #D8DDE4;
	--gray2LC: #C8C9CC;
	--black22LC: #222;
	--black28LC: #282828;
	--black2FLC: #2F2F2F;
	--gray33LC: #333;
	--gray66LC: #666;
	--gray75LC: #757575;
	--gray99LC: #999;
	--grayB8LC: #B8B8B8;
	--successLC: #2D815F;
}
.section-logComplaint { border-width: 0; }
.section-logComplaint label { transform-origin: 0 0; }
.gen-section .uploaded-list .img-holder { padding-right: 0; }
.dropzone .dz-message,
.dropzone .dz-message ~ div[class*="dz-"],
.dropzone .dz-preview.dz-image-preview { display: none !important; }
.dropzone { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; cursor: pointer; background: var(--dzBgLC); border-color: var(--gray1LC); border-radius: 4px; border-style: dashed; border-width: 1px; transition: all 0.25s ease; padding: 22px 20px; min-height: 136px; position: relative; }
/*.dropzone * { cursor: pointer; pointer-events: none; }*/
.dropzone .ico { margin: 0 0 8px; font-size: 1em; line-height: 1; pointer-events: inherit; }
.file-upload [type="file"] { opacity: 0; left: 0; top: 0; width: 100%; height: 100%; position: absolute; cursor: pointer; pointer-events: inherit; }
body.dz-drag-active .dropzone,
.dropzone:where(:hover, :focus, .dg-grag-hover, :focus-within) { background: var(--dzBgLCHoverLC); border-color: var(--gray75LC); }
.dropzone:before { content: ''; position: fixed; top: 0; left: 0; z-index: 110; width: 100%; height: 100%; display: none; }
body.dz-drag-active .dropzone:before { display: block; }
.dropzone p { color: var(--black22LC); font-size: 0.7857142857142857em; line-height: 1.469090909090909; max-width: 460px; margin: 0 auto; }
.dropzone p + p { margin-top: 3px; }
.dropzone p.info { font-weight: 500; letter-spacing: 0.01125rem; }
.dropzone p.desc { font-size: 0.7142857142857143em; line-height: 1.469; color: var(--gray75LC); letter-spacing: 0.01125rem; }
.dropzone .browse-file { font-weight: 400; color: var(--ch32-brand); }
.dropzone:where(:hover, :focus, .dg-grag-hover) .browse-file { text-decoration: underline; }
.uploaded-list:empty { display: none; }
.uploaded-list { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.uploaded-list:not(:empty) { margin: 0 0 16px; }
.file-btn { display: flex; align-items: center; position: relative; }
.file-btn .sub-actions-btns { position: absolute; top: 0; right: 0; display: flex; align-items: center; height: 100%; justify-content: center; gap: 10px; padding: 0 12px; }
.icon-download.alt { position: static; color: inherit; background: none; }
[class*="-dz-file"] { background: none; padding: 0; border-width: 0; }
.sub-actions-btns [class*="-dz-file"] { color: var(--gray75LC); }
.sub-actions-btns [class*="-dz-file"]:where(:hover, :focus, :active) { color: var(--ch32-brand); outline: dotted 1px; }
.preview-dz-file { color: var(--gray75LC); font-size: 0.7142857142857143em; line-height: 1.6; padding: 4px 60px 4px 8px; border: dashed var(--ch32-brand) 1px !important; border-radius: 3.2em; }
.preview-dz-file.has-btns-2 { padding-right: 60px; }
.file-btn.without-actions .preview-dz-file { padding-right: 8px; }
.file-btn .preview-dz-file.img-preview-link { display: block !important; }
.preview-dz-file:where(:hover, :focus, :active) { background: var(--ch32-brand); border-style: solid; color: #fff; }
.preview-dz-file:where(:hover, :focus, :active) + .remove-dz-file { color: #fff; }
.preview-dz-file:where(:hover, :focus, :active) ~ .sub-actions-btns [class*="-dz-file"] { color: #fff; }
.remove-dz-file { font-size: 7px; }
.remove-dz-file:where(:hover, :focus) { color: var(--ch32-brand); outline: 1px dotted; outline-offset: 3px; }
.download-dz-file { font-size: 0.8928571428571429em; line-height: 1; }
.section-logComplaint .sub-head { margin: 0 0 32px; }
.section-logComplaint .heading-2 { font-size: 1.142857142857143em; line-height: 1.46875; color: var(--black22LC); margin: 0 0 4px; display: flex; align-items: center; gap: 4px; }
.section-logComplaint .sub-head p { color: var(--gray75LC); font-size: 0.9285714285714286em; line-height: 1.538461538461538; margin: 0; }
.section-logComplaint .form-holder .heading-2 {margin: 0 0 8px;}
.section-logComplaint [class*="heading-"] label { margin: 0; font-weight: inherit; letter-spacing: 0.01875rem; }
.section-logComplaint [class*="heading-"] label > em { margin: 0; }
.section-logComplaint [class*="heading-"] .btn-tooltip { font-size: 0.75em; margin: 2px 0 0; }
.section-logComplaint .btn-tooltip .ico { display: block; }
.section-logComplaint .form-holder .sub-head { margin: 0 0 24px; }
.ui-dialog textarea.form-control,
.section-logComplaint textarea.form-control { min-height: 100px; max-height: 100px !important; border-radius: 4px; padding: 20px; }
.ui-dialog textarea.form-control:not(:focus),
.section-logComplaint textarea.form-control:not(:focus) { border-color: var(--gray1LC); background: var(--dzBgLC); }
.section-logComplaint .textarea-row { margin-top: 8px; }
.section-logComplaint .files-selection-row { margin-top: 35px; }
.section-logComplaint [type="submit"][disabled] { opacity: 0.5; }
.section-logComplaint .form-control[type] { padding-left: 0; padding-right: 0; }
.section-logComplaint .section-head { margin: 0 0 32px; }
.section-logComplaint .section-head .heading-2 { margin: 0 0 5px; }
.section-logComplaint .section-head p { margin: 0; font-size: 0.9285714285714286em; line-height: 1.538461538461538; letter-spacing: 0.01375rem; color: var(--gray75LC); }
.section-logComplaint .holder + .holder { margin: 10px 0 0; }
.section-logComplaint .holder.comments-holder { margin: 24px 0 0; }
.section-logComplaint .holder.comments-holder + .holder { margin: 33px 0 0; }
.section-logComplaint .holder .uploaded-list:not(:empty) { margin: -3px 0 -1px; }
.section-logComplaint .heading-3 { font-size: 1em; line-height: 1.468571428571429; margin: 0 0 18px; color: var(--black22LC); }
.section-logComplaint .info-list { margin: 0 0 24px; font-size: 1em; line-height: 1.428571428571429; }
.section-logComplaint .info-list .box { display: flex; flex-direction: column; width: auto; margin: 0; padding: 0; font-size: 1em; line-height: inherit; }
.section-logComplaint .info-list .title { display: block; font-size: 0.8571428571428571em; line-height: 1.469166666666667; letter-spacing: 0.0125rem; }
.section-logComplaint .info-list .val { display: block; font-size: 1.142857142857143em; line-height: 1.46875; letter-spacing: 0.016875rem; }
.section-logComplaint .holder .desc { margin: 0; font-size: 1.142857142857143em; line-height: 1.46875; letter-spacing: 0.016875rem; }
.section-logComplaint .desc p { margin: 0 0 16px; }
.complaintDetails-review .btns { justify-content: space-between; }
.complaintDetails-review .btns > .d-flex { gap: 20px; }
.section-logComplaint .symbol-on-field.icon-calendar { top: 28px; color: var(--gray75LC); transition: all 0.25s ease; }
.section-logComplaint .form-control:focus + .symbol-on-field { color: var(--black22LC); }
.section-logComplaint .success { max-width: none; padding: 0; }
.section-logComplaint .success .section-head { margin: 0 0 10px; }
.section-logComplaint .success .img-holder { padding: 0; margin: 0 0 16px; }
.section-logComplaint .success .img-holder img { max-width: 100%; display: block; margin: 0 auto; height: auto; }
.section-logComplaint .success .section-head .heading-2 { font-size: 1.714285714285714em; line-height: 1.333333333333333; justify-content: center; margin: 0 0 11px; color: var(--successLC); }
.section-logComplaint .success .section-head p { font-size: 1.285714285714286em; line-height: 1.777777777777778; margin: 0; color: var(--gray75LC); }
.section-logComplaint .complaint-num { color: var(--black28LC); font-size: 1.333333333333333em; }
.section-logComplaint .complaint-detail { max-width: 750px; margin: 0 auto; display: flex; justify-content: flex-start; text-align: left; border: var(--gray1LC) solid 1px; border-radius: 4px; }
.section-logComplaint .complaint-detail .box { width: 50%; padding: 24px; }
.section-logComplaint .complaint-detail .box + .box { border-width: 0 0 0 1px; border-style: solid; border-color: var(--gray1LC); }
.section-logComplaint .complaint-detail ul { margin: 0; }
.section-logComplaint .bullet-list { position: relative; }
.section-logComplaint .bullet-list li { position: relative; padding: 0 0 0 16px; }
.section-logComplaint .bullet-list li + li { margin: 32px 0 0; }
.section-logComplaint .bullet-list li:before { position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 100%; background: var(--ch32-brand); content: ''; }
.section-logComplaint .border-list { position: relative; }
.section-logComplaint .border-list li { padding: 12px 0; display: flex; align-items: flex-start; gap: 10px; }
.section-logComplaint .border-list li + li { border-top: dashed 1px var(--gray75LC); }
.section-logComplaint .border-list li:first-child { padding-top: 0; }
.section-logComplaint .border-list li:last-child { padding-bottom: 0; }
.section-logComplaint .border-list .title { flex-grow: 1; font-size: 0.9285714285714286em; line-height: 1.538461538461538; color: var(--gray66LC); }
.section-logComplaint .border-list .val { max-width: 120px;  flex-shrink: 0; font-size: 0.9285714285714286em; line-height: 1.538461538461538; color: var(--black28LC); font-weight: 700; text-align: right; }
.section-logComplaint .success .btn { margin: 0; }
.section-logComplaint .btns { display: flex; align-items: center; gap: 20px; margin: 32px 0 0; }
.section-logComplaint .btns .btn { min-width: 144px; }
.section-logComplaint .complaint-detail ~ .btns { margin: 28px 0 0; }
.section-logComplaint .image-holder .img-holder,
.section-logComplaint .image-holder { padding: 0 0 0 33px; }
.section-logComplaint .image-holder img { display: block; max-width: 100%; margin: 0 auto; }

@media screen and (min-width: 1366px) {
	.section-logComplaint .fields-row { margin-left: -27px; margin-right: -27px; }
	.section-logComplaint .fields-row [class*="col-"] { padding-left: 27px; padding-right: 27px; }
	.section-logComplaint .image-holder { flex: 0 0 40.954%; max-width: 40.954%; }
	.section-logComplaint .form-holder { flex: 0 0 59.046%; max-width: 59.046%; }
}
/* attachment-dialog-preview-parent */
#header { z-index: 99; }
#main-nav { z-index: 98; }
.lac-common-dialog.ui-dialog { max-height: calc(100vh - 30px); }
.lac-common-dialog.ui-dialog .dialog-scroll-holder { padding: 20px; }
.lac-common-dialog .dialog-head { padding: 0 0 24px; }
.lac-common-dialog .dialog-title { max-width: 80%; font-size: 1em; line-height: 1.428571428571429; color: var(--black22LC); margin: 0; }
.ui-dialog .dialog-close { position: absolute; right: 20px; top: 20px; padding: 0; border-radius: 0; font-size: 0.8em; }
.ui-dialog .dialog-close:not(:hover, :focus, :active) { color: var(--gray2LC) }
.ui-dialog .dialog-close.btn:active,
.ui-dialog .dialog-close:where(:hover, :focus, :active) { text-decoration: none; top: 20px; }
.lac-common-dialog .dialog-image { min-height: 168px; /*align-items: center; justify-content: center; display: flex;*/ max-height: calc(100vh - 116px); overflow-y: auto; }
.lac-common-dialog .dialog-image img { max-width: 100%; display: block; height: auto; }

.lac-common-dialog-delete.ui-dialog .dialog-scroll-holder { padding: 59px 20px 40px; }
.lac-common-dialog-delete { text-align: center; }
.lac-common-dialog-delete .img-holder { margin: 0 auto 22px; }
.lac-common-dialog-delete .title { margin: 0 0 7px; font-size: 1.125rem; line-height: 1.222222222222222; color: var(--black22LC); }
.lac-common-dialog-delete p { font-size: 0.8125rem; line-height: 1.384615384615385; color: rgba(102, 102, 102, 0.9); margin: 0; letter-spacing: 0.0125rem; }
.lac-common-dialog-delete.ui-dialog p:not(.danger) { color: var(--gray75LC); }
.lac-common-dialog-delete p.danger { color: var(--clrDanger); margin: 0; }
.lac-common-dialog-delete .btns { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 24px; margin: 26px 0 0; }
.lac-common-dialog-delete .btns .btn { margin: 0; min-width: 144px; }
.lac-common-dialog-delete.w-400 { min-width: inherit; padding: 0; }
.lac-common-dialog-delete .ui-dialog-content { padding: 59px 20px 37px; }
.section-logComplaint .additional-detailrow .col-12,
.section-logComplaint .files-selection-row .col-12 { padding-left: 15px; padding-right: 15px; }

@media screen and (max-width: 1199px) {
	.section-logComplaint .success .section-head .heading-2 { font-size: 1.428571428571429em; }
}

@media screen and (max-width: 991px) {
	.section-logComplaint .d-on-none-md { display: none; }
	.section-logComplaint textarea.form-control { font-size: 1em; }
}

@media screen and (max-width: 767px) {
	.section-logComplaint .complaint-detail { flex-direction: column; }
	.section-logComplaint .complaint-detail .box { width: auto; }
	.section-logComplaint .complaint-detail .box + .box { border-width: 1px 0 0; }
	.section-logComplaint .success .section-head .heading-2 { font-size: 1.285714285714286em; }
}

@media screen and (max-width: 640px) {
	.complaintDetails-review .btns { flex-wrap: wrap; }
	.section-logComplaint .success .btns { flex-direction: column; }
	.complaintDetails-review .btns > .d-flex { max-width: 100%; flex: 0 0 100%; }
	.complaintDetails-review .btns > .d-flex:first-child .btn { flex: 1; }
	.complaintDetails-review .btns > .d-flex:first-child + .d-flex .btn { width: 100%; }
}

@media screen and (max-width: 480px) {
	.section-logComplaint .border-list li { flex-direction: column; gap: 0; }
	.section-logComplaint .border-list .val { max-width: none; text-align: left; }
	.section-logComplaint .border-list .title,
	.section-logComplaint .border-list .val { width: 100%; }
}

/*
	==== 
	logged complaints 
	====
*/

/* Temp */
/*.table-switcher .table-switcher { width: 100%; }
.table-switcher nav ul { display: flex; align-items: center; justify-content: flex-end; }
.table-switcher > tbody > tr > td:nth-child(1) { width: 144px; }
.table-switcher > tbody > tr > td:nth-child(2) { width: auto; }
.table-switcher > tbody > tr > td:nth-child(3) { width: 110px; }
.table-switcher > tbody > tr > td:nth-child(4) { width: 220px; }
.ui-jqgrid-pager { display: none; }*/
/* Temp \*/

.section-loggedComplaint.section-loading { overflow: hidden; height: 200px; }
.logComplaint-holder { margin: -30px; }
.filters-area { padding: 24px 24px 24px 32px; display: flex; align-items: center; justify-content: space-between; }
.filters-area .actions-list { display: flex; align-items: center; gap: 32px; margin: 0; }
.filters-area .actions-list a { display: flex; align-items: center; gap: 8px; font-size: 0.9285714285714286em; line-height: 1.461538461538462; letter-spacing: 0.01375rem; }
.filters-area .actions-list a:not(:hover, :focus, :active, [aria-expanded="true"]) { color: var(--gray33LC); }
.filters-area .actions-list a:not(:hover, :focus, :active, [aria-expanded="true"]) .ico { color: var(--gray75LC); }
div.tooltip { pointer-events: none; }
.transaction-period-drop a[data-toggle] .to,
.transaction-period-drop a[data-toggle] .selected-period,
.transaction-period-drop a[data-toggle] .time { font-size: 0.8571428571428571em; }
.transaction-period-drop a[data-toggle] .to { font-weight: 500; }

/* section-loggedComplaint */
.section-loggedComplaint .section-head { margin: 0; border-bottom: rgba(191, 191, 191, 0.25) solid 1px; }
.section-loggedComplaint .section-head .heading-2 { color: var(--gray66LC); font-size: 1em; line-height: 1.468571428571429; letter-spacing: 0.03375rem; margin: 0; font-weight: 400; text-transform: uppercase; }

.filters-table > div:not(.transaction-period-drop) { max-width: 176px; flex: 0 0 176px; }
/*.filters-table > div.transaction-period-drop { max-width: 260px; flex: 0 0 260px; }*/
.filters-table > div + div { border-color: rgba(191, 191, 191, 0.25); }
.filters-table > div:last-child,
.filters-table > div + div { border-width: 0 0 0 1px; }
.filters-table > div:first-child { border-width: 0; }
.filter-select .chosen-container .chosen-single { padding: 37px 40px 16px 16px; min-height: 71px; font-size: 0.9230769230769231em; line-height: 1.5; font-weight: 500; }
.filter-select label { left: 16px; top: 16px; color: var(--gray75LC); text-transform: uppercase; }
.transaction-period-drop > a[data-toggle] { position: relative; }
.transaction-period-drop > a[data-toggle]:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 2; }
.transaction-period-drop a[data-toggle] .title { color: var(--gray75LC); text-transform: uppercase; display: flex; align-items: center; gap: 4px; font-size: 0.7857142857142857em; line-height: 1.454545454545455; letter-spacing: 0.01125rem; }
.filter-select .chosen-container .chosen-single:where(:hover, :focus, :active),
.transaction-period-drop > a[data-toggle]:where(:hover, :focus, :active) { outline-offset: -2px; outline: dotted 1px; }
.transaction-period-drop a[data-toggle] .title .ico { display: block; }
.transaction-period-drop a[data-toggle] .btn-tooltip { position: relative; top: 1px; color: inherit; }
.transaction-period-drop > a[data-toggle]:where(:hover, :focus, :active) .btn-tooltip { color: var(--ch32-brand); }
.transaction-period-drop [data-id*="transaction-period-"] { min-width: 378px }

.transaction-period-drop .date-range .form-control { padding-left: 7px; padding-right: 7px; }
.section-logComplaint .date-range .symbol-on-field.icon-calendar { top: 50%; right: 10px; color: var(--gray75LC); }
.section-logComplaint .date-range .form-control:focus + .symbol-on-field.icon-calendar { color: var(--black22LC); }
.transaction-period-drop .date-range .title { margin: 0 0 10px; display: block; }
.filter-select .chosen-container .chosen-drop { min-width: max-content; }
.filters-table > div.filter-select:last-child  .chosen-container .chosen-drop { left: auto; right: 0; }

/* logged-complaints-grid */
.logged-complaints-grid table { table-layout: fixed; }
.logged-complaints-grid .table-responsive table th:not(:last-child),
.logged-complaints-grid .table-responsive table td:not(:last-child) { width: 138px !important; text-align: center; }
.logged-complaints-grid .table-responsive table th { cursor: pointer; font-size: 0.7857142857142857em; line-height: 1.469090909090909; letter-spacing: 0.03125rem; color: #707070; white-space: nowrap; padding-top: 12px; padding-bottom: 12px; }
.logged-complaints-grid .table-responsive table td { padding-bottom: 26px; padding-top: 25px; font-size: 0.9285714285714286em; line-height: 1.461538461538462; color: var(--black2FLC); position: relative; }
.logged-complaints-grid .cellValue { display: flex; align-items: center; justify-content: center; gap: 4px; }
.logged-complaints-grid .cellValue .dot { font-size: 0; line-height: 0; width: 5px; height: 5px; background: var(--grayB8LC); border-radius: 100%; }
.logged-complaints-grid .loggedBy,
.logged-complaints-grid .cellValue .cardNum { font-weight: 500; color: var(--black22LC); }
.logged-complaints-grid .grid-action-list { opacity: 0; visibility: hidden; transition: all 0.25s ease; position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; gap: 16px; padding: 0 35px 0 70px; margin: 0; list-style: none; background: #fff; }
.logged-complaints-grid .grid-action-list li { }
.logged-complaints-grid .grid-action-list a { display: flex; align-items: center; gap: 4px;  font-size: 0.9230769230769231em; line-height: 1.5; }
.logged-complaints-grid .grid-action-list a:not(:hover, :focus, :active, .active) .ico,
.logged-complaints-grid .grid-action-list a:not(:hover, :focus, :active, .active) { color: var(--gray75LC); }
.logged-complaints-grid .grid-action-list a:where(:hover, :focus, :active, .active) .text { text-decoration: underline; }
.logged-complaints-grid .grid-action-list a:where(:hover, :focus, :active, .active) { outline-offset: 3px; outline: dotted 1px; }
.logged-complaints-grid tr:focus-within td .grid-action-list,
.logged-complaints-grid tr:where(.ui-state-hover, .ui-state-focus) td .grid-action-list { opacity: 1; visibility: visible; }
.ui-jqgrid-view { min-width: 1140px; }
.logged-complaints-grid .ui-jqgrid-title { position: absolute; top: -9999rem; left: -9999rem; }
.logged-complaints-grid .ui-jqgrid-resize,
.logged-complaints-grid .ui-jqgrid-resize-mark { display: none; }
.logged-complaints-grid .grid-action-holder { position: relative; }
.lastUpdate-dateTime { display: flex; justify-content: flex-end; gap: 5px; }

/* logged complaint review */
div:not(.ui-dialog) div:where(.withdraw-complaint-dialog, .updateComplaint-dialog) { display: none; }
.section-logComplaint .loggedComplaint-review .remove-dz-file { display: none; }
.section-logComplaint .loggedComplaint-review .preview-dz-file { padding-right: 8px }
.section-loggedComplaint .loggedComplaint-review .section-head { margin: 0 0 32px; border-width: 0; }
.section-loggedComplaint .loggedComplaint-review .section-head .heading-2 { font-size: 1.142857142857143em; line-height: 1.46875; color: var(--black22LC); margin: 0 0 5px; font-weight: 500; text-transform: capitalize; letter-spacing: normal; }
.loggedComplaint-review .comment + .comment { margin: 16px 0 0; }
.loggedComplaint-review .comment p { font-size: 1em; line-height: 1.468571428571429; letter-spacing: 0.016875rem; margin: 0; color: var(--black22LC); }
.loggedComplaint-review .comment time { font-size: 0.8571428571428571em; line-height: 1.469166666666667; letter-spacing: 0.016875rem; color: var(--gray75LC); display: flex; align-items: center; gap: 5px; }

/* updateComplaint-dialog-parent */
.updateComplaint-dialog-parent .dialog-body { position: relative; }
.updateComplaint-dialog-parent .dialog-close:active:focus,
.updateComplaint-dialog-parent .dialog-close:where(:hover, :focus, :active),
.updateComplaint-dialog-parent .dialog-close { top: -46px; right: 0; }
.updateComplaint-dialog-parent.ui-dialog .ui-dialog-content { padding: 60px 20px 40px; max-height: calc(100vh - 32px) !important; overflow-y: auto !important; }
.dialog-heading-1 { font-size: 1.571428571428571em; line-height: 1.454545454545455; font-weight: 500; color: #000; margin: 0 0 8px; }
.dialog-heading-2 { font-size: 1.142857142857143em; line-height: 1.46875; letter-spacing: 0.016875rem; font-weight: 700; color: var(--black22LC); margin: 0 0 4px; }
.dialog-heading-2 label { margin: 0; font-size: 1em; line-height: inherit; font-weight: 700; color: inherit; }
.updateComplaint-dialog-parent .dialog-head { margin: 0 0 24px; }
.updateComplaint-dialog-parent .dialog-head p { margin: 0; }
.updateComplaint-dialog-parent div:where(.dialog-head, .dialog-content, .attachments) > p { font-size: 0.9285714285714286em; line-height: 1.461538461538462; margin: 0 0 16px; color: var(--gray75LC); }
.updateComplaint-dialog-parent div:where(.dialog-head, .dialog-content, .attachments) > p:last-child { margin: 0; }
.updateComplaint-dialog-parent textarea.form-control {  }
.updateComplaint-dialog-parent .attachments { margin: 24px 0 0; }
.updateComplaint-dialog-parent .dialog-footer { padding: 24px 0 0; display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.updateComplaint-dialog-parent .dialog-footer .btn { min-width: 144px; }
.updateComplaint-dialog-parent .updateComplaint-dialog .dialog-close:active,
.updateComplaint-dialog-parent .updateComplaint-dialog .dialog-close { top: -40px; right: 10px; }
.updateComplaint-dialog-parent .preview-dz-file { letter-spacing: 0.00625rem; }

.img-preview-popup .img-preview-link { pointer-events: none; padding: 0; border: 0 !important; }
.img-preview-popup .desc { text-align: left; }

@media screen and (max-width: 1270px) {
	.filters-table { flex-wrap: wrap; }
	.filters-table > div:last-child,
	.filters-table > div.transaction-period-drop,
	.filters-table > div:not(.transaction-period-drop) { flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; border-width: 0 1px 1px 0; }
	.filters-table > div[class*="child-"]:where(:nth-child(3), :nth-child(6)) { border-width: 0 0 1px; }
	.filters-table > div[class*="child-"]:nth-child(3) ~ div[class*="child-"] { border-bottom-width: 0; }
}

@media screen and (max-width: 991px) {
	.filters-table { display: flex !important; margin: 0; }
	.section-logComplaint .dc-attached-items { padding: 0 !important; }
}

@media screen and (max-width: 767px) {
	.ui-jqgrid-view { min-width: 100%; }
	.table-responsive { border-top: solid 1px rgba(191, 191, 191, 0.25); }
	.table-custom { overflow: hidden; padding: 0 0 30px; }
	.table-custom > tbody { max-height: none !important; }
	.table-custom > tbody > tr { border-radius: 0; padding: 0; background: #fff; }
	.table-custom > tbody > tr:nth-child(odd) { background: #f8f9fb70; }
	.table-custom > tbody > tr + tr { margin: 1px 0 0; }
	.table-custom > tbody > tr > td { display: flex !important; }
	.logged-complaints-grid .table-responsive .table-custom > tbody > tr > td { width: 100% !important; padding: 0 !important; }
	.table-custom > tbody > tr > td:before { flex-shrink: 0; width: 100px; font-weight: 500; border-right: solid 1px rgba(0,0,0,0.05); padding: 10px; margin: 0; }
	.table-custom > tbody > tr > td .grid-cell { flex-grow: 1; padding: 10px; }
	.logged-complaints-grid .cellValue { justify-content: flex-start; }
	.logged-complaints-grid .grid-action-list { opacity: 1; visibility: visible; position: static; padding: 10px 0 0; margin: 0 -5px; background: none; flex-wrap: wrap; gap: 0; }
	.logged-complaints-grid .grid-action-list li { font-size: 1em; }
	.logged-complaints-grid .grid-action-list a { padding: 5px; gap: 7px; }
	.table-switcher { padding: 0 15px 15px; }
	.table-switcher > tbody > tr > td:nth-child(3),
	.table-switcher > tbody > tr > td:nth-child(4) { width: auto; }

	.dialog-heading-1 { font-size: 1.285714285714286em; }
	.dialog-heading-2 { font-size: 1.071428571428571em; }
	.updateComplaint-dialog-parent .dialog-footer { gap: 15px; }
	.updateComplaint-dialog-parent .dialog-footer .btn { flex: 1; }

	.ui-dialog[class*="lac-common-dialog-"] .ui-dialog-content { padding: 20px; }
	.lac-common-dialog-delete .img-holder { margin: 0 auto 24px; }
	.lac-common-dialog-delete .title { margin: 0 0 8px; }
	.lac-common-dialog-delete .btns { margin: 30px 0 0; }
	.lastUpdate-dateTime { justify-content: flex-start; }
}

@media screen and (max-width: 640px) {
	.filters-table > div:last-child,
	.filters-table > div.transaction-period-drop,
	.filters-table > div:not(.transaction-period-drop) { flex: 0 0 50%; max-width: 50%; }
	.filters-table > div { border-width: 0 1px 1px 0 !important; }
	.filters-table > div:nth-child(even) { border-right-width: 0 !important; }
	.table-responsive { border-top-width: 0; }
	.filters-area { display: block; padding: 15px; }
	.filters-area .actions-list { margin: 10px 0 0; justify-content: space-between; }
}

@media screen and (max-width: 540px) {
	.transaction-period-drop [data-id*="transaction-period-"] { min-width: inherit; }
	.filters-table > div:last-child,
	.filters-table > div.transaction-period-drop,
	.filters-table > div:not(.transaction-period-drop) { flex: 0 0 100%; max-width: 100%; }
	.filters-table > div,
	.filters-table > div:nth-child(even) { border-width: 0 0 1px !important; }
	.filters-table > div:last-child { border-width: 0 !important; }
	.table-responsive { border-top-width: 1px; }
	.section-logComplaint .btns .btn:where(:nth-child(1), :nth-child(2)) { flex: 1; min-width: inherit; }
}

@media screen and (max-height: 320px) {
	.ui-dialog[class*="lac-common-dialog"] .dialog-body { max-height: calc(100vh - 72px); overflow-y: auto; padding: 5px; margin: -5px; }
}