.main-pages[data-v-a78277c2]{display:grid;gap:10px;font-size:100%}.main-pages .sub-header-pengaduan[data-v-a78277c2]{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.main-pages .sub-header-pengaduan .sub-header[data-v-a78277c2]{width:100%;border:1px solid #0072c5;border-radius:3px;background-color:#fff}.main-pages .sub-header-pengaduan :first-child h4[data-v-a78277c2]:nth-child(2){color:#e23437}.main-pages .sub-header-pengaduan :nth-child(2) h4[data-v-a78277c2]:nth-child(2){color:#b7b700}.main-pages .sub-header-pengaduan :nth-child(3) h4[data-v-a78277c2]:nth-child(2){color:#00ba3f}.main-pages .sub-header-pengaduan :nth-child(4) h4[data-v-a78277c2]:nth-child(2){color:#0072c5}.grid-container[data-v-a78277c2]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:10px}.item[data-v-a78277c2]{background-color:#fff;color:#47c;font-size:1rem}.peta[data-v-a78277c2]{grid-column:1/span 6}.cabang-belum-tl[data-v-a78277c2],.peta[data-v-a78277c2]{width:100%;border:1px solid #0072c5;border-radius:3px;grid-row:1/span 6}.cabang-belum-tl[data-v-a78277c2]{display:inline-block;grid-column:7/span 3}.cabang-belum-tl .title-informasi[data-v-a78277c2]{color:#fff;background-color:#0072c5}.cabang-belum-tl .data-informasi[data-v-a78277c2]{overflow:auto}.cabang-belum-tl .data-informasi .data-informasi-1[data-v-a78277c2]{width:430px;height:380px}.rekap-interaksi[data-v-a78277c2]{width:100%;border:1px solid #0072c5;border-radius:3px;background-color:#fff;grid-column:10/span 3;grid-row:1/span 11}.rekap-interaksi .title-informasi2[data-v-a78277c2]{color:#fff;background-color:#0072c5}.rekap-interaksi .data-informasi2[data-v-a78277c2]{height:748px;overflow:auto}.diagram-kanal[data-v-a78277c2]{width:100%;border:1px solid #0072c5;border-radius:3px;background-color:#fff;grid-column:1/span 3;grid-row:7/span 6}.diagram-kanal .title-informasi2[data-v-a78277c2]{color:#fff;background-color:#0072c5}.diagram-kanal .diagram[data-v-a78277c2]{overflow:auto;display:grid;place-items:center}.diagram-kanal .diagram .diagram1[data-v-a78277c2]{display:flex;justify-content:center;align-items:center;width:370px;height:380px}.diagram-sla[data-v-a78277c2]{width:100%;border:1px solid #0072c5;border-radius:3px;background-color:#fff;grid-column:4/span 3;grid-row:7/span 6}.diagram-sla .title-informasi2[data-v-a78277c2]{color:#fff;background-color:#0072c5}.diagram-sla .diagram[data-v-a78277c2]{overflow:auto;display:grid;place-items:center}.diagram-sla .diagram .diagram1[data-v-a78277c2]{display:flex;justify-content:center;align-items:center;width:370px;height:380px}.topik-interaksi[data-v-a78277c2]{display:inline-block;width:100%;border:1px solid #0072c5;border-radius:3px;background-color:#fff;grid-column:7/span 3;grid-row:7/span 6}.topik-interaksi .filter-jenis[data-v-a78277c2]{display:flex;align-items:center;gap:10px;padding:10px 10px 0 10px;margin-left:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.topik-interaksi .filter-jenis label[data-v-a78277c2]{font-size:12px;color:#333;font-weight:700}.topik-interaksi .filter-jenis select[data-v-a78277c2]{width:200px;font-size:12px;padding:2px 5px;border:1px solid #ccc;border-radius:3px;background-color:#fff;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;transition:border-color .3s ease}.topik-interaksi .filter-jenis select[data-v-a78277c2]:focus{border-color:#007bff}.topik-interaksi .filter-jenis option[data-v-a78277c2]{padding:5px}.topik-interaksi .title-informasi2[data-v-a78277c2]{color:#fff;background-color:#0072c5}.topik-interaksi .data-informasi2[data-v-a78277c2]{height:330px;overflow:auto}.hari-sla[data-v-a78277c2]{display:inline-block;border:1px solid #0072c5;border-radius:3px;background-color:#fff;grid-column:10/span 3;grid-row:12/span 1}.hari-sla[data-v-a78277c2] :nth-child(2){color:#0a0}@media(max-width:1024px){.grid-container[data-v-a78277c2]{grid-template-columns:repeat(6,1fr);grid-template-rows:auto;gap:10px}.peta[data-v-a78277c2]{grid-column:1/span 6;grid-row:1/span 3}.cabang-belum-tl[data-v-a78277c2]{grid-column:1/span 3;grid-row:4/span 3}.rekap-interaksi[data-v-a78277c2]{grid-column:4/span 3;grid-row:4/span 6}.diagram-kanal[data-v-a78277c2]{grid-column:1/span 3;grid-row:7/span 3}.diagram-sla[data-v-a78277c2]{grid-column:4/span 3;grid-row:10/span 2}.topik-interaksi[data-v-a78277c2]{grid-column:1/span 3;grid-row:10/span 3}.hari-sla[data-v-a78277c2]{grid-column:4/span 3;grid-row:12/span 1}}@media(max-width:768px){.grid-container[data-v-a78277c2]{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:15px}.item[data-v-a78277c2]{font-size:1.2rem}.cabang-belum-tl[data-v-a78277c2],.diagram-kanal[data-v-a78277c2],.diagram-sla[data-v-a78277c2],.hari-sla[data-v-a78277c2],.peta[data-v-a78277c2],.rekap-interaksi[data-v-a78277c2],.topik-interaksi[data-v-a78277c2]{grid-column:1/span 2}.cabang-belum-tl[data-v-a78277c2],.diagram-kanal[data-v-a78277c2],.diagram-sla[data-v-a78277c2],.hari-sla[data-v-a78277c2],.peta[data-v-a78277c2],.rekap-interaksi[data-v-a78277c2],.topik-interaksi[data-v-a78277c2]{grid-row:auto}}