@charset "utf-8";
@font-face {
font-family:"kurdish";
src: url('../font/Arez_K_Press_08.ttf');
}
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:normal;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* th, td {word-break:keep-all}Jeongho Park add 2017.06.09 */
/* my style */
html, body{width:100%; font-size:100%; /* overflow: hidden; */}
body{font-family: sans-serif, Arial; font-weight:400; font-size:12px; color:#4f5f6f;}
legend, caption, .blind {visibility:hidden; position:absolute; top:0; left:0; width:0px; height:0px; font-size:0; line-height:0;}
a{text-decoration:none;}
img, fieldset, iframe {border:0 none;}
figure{text-align:center;}
figcaption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
ul:after{content:''; display:block; height:0; clear:both;}
/* Margin Style */
.m10 {margin:0 10px;}
/* margin-top */
.m0 {margin:0 !important;}
.mt_1 {margin-top:-1px !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
/* margin-bottom */
.mb0 {margin-bottom:0 !important;}
.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
/* margin-left */
.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml9 {margin-left:9px !important;}
.ml10 {margin-left:10px !important;}
.ml11 {margin-left:11px !important;}
.ml12 {margin-left:12px !important;}
.ml13 {margin-left:13px !important;}
.ml14 {margin-left:14px !important;}
.ml15 {margin-left:15px !important;}
.ml16 {margin-left:16px !important;}
.ml17 {margin-left:17px !important;}
.ml18 {margin-left:18px !important;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.tabMain {
min-width: 100%;
max-width: 100%;
padding: 0px;
margin: 0 auto;
background: #ffffff;}
.tabMain .section {
display: none;
padding: 20px 0 0;
border-top: 1px solid #ddd;}
/*Hide radio buttons*/
.tabMain .input {
display: none;}
.tabMain .label {
display: inline-block;
margin: 0 0 -1px;
padding: 15px 25px;
font-weight: 600;
text-align: center;
color: #bbb;
border: 1px solid transparent;}
.tabMain .label:hover {
color: #2e9cdf;
cursor: pointer;}
/*input when clicked, label style*/
.tabMain .input:checked + .label {
color: #555;
border: 1px solid #ddd;
border-top: 2px solid #2e9cdf;
border-bottom: 1px solid #ffffff;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
display: block;}
.timeList select {
-o-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 1px;
text-overflow: '';
padding: 0;
width: 20px;
height: 15px;
font-size:15px;
}
.timeList select::-ms-expand {
display: none;
}
.rotate90 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate270 {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.multiple_select_box {
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
background: none;
padding: 0;
}
.multiple_select_box::-ms-expand{
display:none; /* IE and Edge */
}
.multiple_select_box::-webkit-scrollbar {
display:none; /* Chrome, Safari, Opera*/
}
/* ===== Tooltip (common) ===== */
/* Dark bubble shared by the arrowed hover tooltip and the JS cursor-follow tooltips */
.tooltip .tooltiptext, .ems-tooltip {
background: #111;
color: #fff;
padding: 8px 10px;
border-radius: 8px;
font-size: 12px;
line-height: 1.3;
font-style: normal;
font-family: sans-serif, Arial;
box-shadow: 0 6px 18px rgba(0,0,0,.18);
white-space: nowrap;
z-index: 9999;
}
/* Arrowed hover tooltip: ... */
.tooltip {position: relative; display: inline-block;}
.tooltip .tooltiptext {visibility: hidden; opacity: 0; transition: opacity 0.3s; position: absolute; text-align: center;}
.tooltip:hover .tooltiptext {visibility: visible; opacity: 0.9;}
/* Bubble to the left of the trigger, arrow pointing right at it */
.tooltip-left .tooltiptext {top: 50%; right: 100%; transform: translateY(-50%); margin-right: 8px;}
.tooltip-left .tooltiptext::after {content: ""; position: absolute; top: 50%; left: 100%; margin-top: -6px; border: 6px solid transparent; border-left-color: #111;}
/* Bubble above the trigger, arrow pointing down at it */
.tooltip-top .tooltiptext {bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 8px;}
.tooltip-top .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #111;}
/* Arrowless cursor-follow tooltip driven by JS: page-level (fixed) variant */
.ems-tooltip--follow {position: fixed; opacity: 0; transform: translate(-50%, -120%); transition: opacity 0.12s ease; pointer-events: none;}
.ems-tooltip--follow.show {opacity: 0.9;}
/* Arrowless cursor-follow tooltip inside a canvas wrap (absolute, display-toggled) */
.ems-tooltip--canvas {position: absolute; display: none; pointer-events: none;}
/* WYSIWYG editor button row above the canvas (align / snap toggle beside Upload Image).
Layout stays the original inline text-align:right row; this only styles the new buttons. */
.wysiwyg-canvas-toolbar .btn_s {border-radius: 0; min-width: 28px; vertical-align: middle;}
/* .tooltip sets display:inline-block/position:relative; a disabled trigger still shows its bubble */
.wysiwyg-canvas-toolbar .btn_s.tooltip:disabled {pointer-events: auto;}
.wysiwyg-canvas-toolbar .btn_button[aria-pressed="true"] {background-color: #304151; color: #fff;}
/* jQuery UI tooltip widget unified to the dark bubble (body prefix outranks the later-loaded theme) */
body .ui-tooltip {
background: #111;
color: #fff;
border: none;
padding: 8px 10px;
border-radius: 8px;
font-size: 12px;
line-height: 1.3;
font-family: sans-serif, Arial;
box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
/* In dialogs, .popup-wrap .ui-widget repaints the tooltip root color - pin it on the content div */
body .ui-tooltip .ui-tooltip-content {
color: #fff;
}
.popup_desc{
font-weight: 500;
font-size: 13px;
font-style: italic;
color: #6b7280;
}
/* Shared UX building blocks (any screen): card with a dark head bar, badge,
warning legend, corner value chip, full-width real-render strip. */
.ux-card {border:1px solid #d7dbe0; border-radius:8px; background:#fff; min-width:0; overflow:hidden; margin-top:12px;}
.ux-cardhead {display:flex; align-items:center; gap:10px; padding:8px 14px; background:#1f2937; color:#f9fafb; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;}
.ux-cardbody {padding:4px 16px 16px;}
.ux-badge {font-size:10px; font-weight:800; letter-spacing:.1em; color:#fff; background:#64748b; border-radius:3px; padding:2px 8px; flex:0 0 auto;}
.ux-legend {background:#fef3c7; border:1px solid #f0d68a; padding:9px 16px; font-size:13px; color:#7c5b12;}
.ux-legend b {color:#7c4a03;}
.ux-legend-warn {background:#fde2e1; border-color:#f3b4b0; color:#8a1c14;}
.ux-legend-warn b {color:#8a1c14;}
.ux-chip {position:absolute; right:4px; bottom:4px; background:rgba(31,41,55,.78); color:#fff; font-size:10px; line-height:1.5; padding:0 6px; border-radius:8px; pointer-events:none;}
.ux-strip {position:relative; overflow:hidden; min-height:22px; background:#f1f5f9; border:1px solid #b9c0c9; border-radius:3px;}
.ux-strip img {display:block; width:100%; height:auto;}
/* Status dashboard cards (ballot checklist / regen list): click = status filter + search.
Top stripe carries the status hue (st- of code group 109). */
.ux-statcards {display:flex; gap:8px; margin:12px 0 2px; flex-wrap:wrap;}
.ux-statcard {flex:1 1 110px; max-width:190px; background:#fbfcfc; border:1px solid #d7dbe0; border-top:3px solid #9aa2aa; padding:7px 12px 6px; cursor:pointer; user-select:none;}
.ux-statcard:hover {background:#f1f5f8;}
.ux-statcard.on {outline:2px solid #16597f; outline-offset:-1px; background:#eaf2f7;}
.ux-statcard .k {font-size:12px; font-weight:600; color:#67717b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ux-statcard .v {font-size:19px; font-weight:700; color:#22272c; font-variant-numeric:tabular-nums; line-height:1.25;}
.ux-statcard.st-ALL {border-top-color:#5a6470;}
.ux-statcard.st-P {border-top-color:#78838e;}
.ux-statcard.st-Q {border-top-color:#7e57c2;}
.ux-statcard.st-I {border-top-color:#00838f;}
.ux-statcard.st-B {border-top-color:#1565c0;}
.ux-statcard.st-S {border-top-color:#00695c;}
.ux-statcard.st-C {border-top-color:#2e7d32;}
.ux-statcard.st-R {border-top-color:#b54708;}
.ux-statcard.st-F {border-top-color:#5d4037;}
/* Batch strip: one card per work batch, the open one highlighted (ballot regeneration).
The cards share the row so the strip never scrolls. Older batches live behind the button. */
.ux-batchstrip-wrap {display:flex; align-items:stretch; gap:10px; margin:12px 0 2px;}
.ux-batchstrip {display:flex; flex-wrap:wrap; gap:10px; flex:1; min-width:0; align-items:stretch;}
.ux-batchstrip-wrap .btn_batch_all {flex:0 0 auto; align-self:center; white-space:nowrap;}
/* Cards share the row and wrap when they would get too narrow to read. The max keeps a
wrapped last row from stretching its few cards across the whole width. */
.ux-batchcard {flex:1 1 170px; min-width:170px; max-width:260px; background:#fff; border:1px solid #d7dbe0; border-radius:4px; padding:9px 12px; cursor:pointer; user-select:none;}
.ux-batchcard:hover {background:#f1f5f8;}
/* Open = a status rail on the left. Selected = filled + outlined, so the two never look alike. */
.ux-batchcard.open {border-left:4px solid #1565c0; padding-left:9px;}
.ux-batchcard.on {outline:2px solid #16597f; outline-offset:-1px; background:#e3edf5; border-color:#16597f;}
.ux-batchcard.on .bc-no {color:#16597f;}
.ux-batchcard .bc-top {display:flex; justify-content:space-between; align-items:center; gap:6px;}
.ux-batchcard .bc-no {font-size:13px; font-weight:700; color:#22272c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ux-batchcard .bc-meta {font-size:12px; color:#5a6470; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums;}
.ux-batchstrip .bc-empty {flex:1; color:#888; font-size:13px; padding:14px 6px;}
/* All Batches popup: the same cards laid out in fixed columns. The strip lets its cards flex
because it has one row to fill; here every card has to be the same width or the dates on the
narrow ones get cut off. */
.ux-batchgrid {display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; padding:2px 0 4px;}
.ux-batchgrid .ux-batchcard {flex:none; min-width:0; max-width:none;}
/* Thin completion bar on a batch card while its ballots are still generating */
.ux-batchcard .bc-bar {height:4px; border-radius:2px; background:#e6ebf0; margin-top:6px; overflow:hidden;}
.ux-batchcard .bc-bar i {display:block; height:100%; background:#b45f17;}
.ux-batchpill {display:inline-block; font-size:10px; font-weight:700; letter-spacing:.4px; border-radius:9px; padding:1px 8px; color:#fff; white-space:nowrap;}
.ux-batchpill.bs-OPEN {background:#1565c0;}
.ux-batchpill.bs-GENERATING {background:#b45f17;}
.ux-batchpill.bs-STALLED {background:#b3261e;}
.ux-batchpill.bs-READY {background:#2e7d32;}
.ux-batchpill.bs-DOWNLOADED {background:#78838e;}
/* The batch is in its state, but its files no longer match the ballot they came from */
.ux-batchpill.bs-CHANGED {background:#8a1c1c;}
.ux-batchcard .bc-flag {margin-top:4px;}
/* Storage usage balloon anchored above the footer host name (bottom right).
Severity variants recolor the head bar, border and tail arrow. */
.disk_balloon {display:none; position:fixed; right:14px; top:52px; z-index:9800; width:300px; background:#fff; border:1px solid #d7a94b; border-radius:8px; box-shadow:0 4px 14px rgba(0,0,0,.18); font-size:13px;}
.disk_balloon:after {content:''; position:absolute; right:var(--disk-tail-right, 26px); top:-8px; border-width:0 7px 8px 7px; border-style:solid; border-color:transparent transparent #d7a94b transparent;}
.disk_balloon_head {display:flex; align-items:center; justify-content:space-between; padding:7px 12px; border-radius:7px 7px 0 0; background:#b45309; color:#fff; font-weight:700;}
.disk_balloon_close {background:none; border:none; color:#fff; font-size:17px; line-height:1; cursor:pointer; padding:0 2px;}
.disk_balloon_list {list-style:none; margin:0; padding:10px 14px;}
.disk_balloon_list li {padding:2px 0; color:#374151;}
.disk_balloon_critmsg {margin:0; padding:8px 14px; border-top:1px solid #f3b4b0; background:#fde2e1; color:#8a1c14; border-radius:0 0 7px 7px;}
.disk_balloon_warn {border-color:#d7a94b;}
.disk_balloon_warn:after {border-bottom-color:#d7a94b;}
.disk_balloon_warn .disk_balloon_head {background:#d97706;}
.disk_balloon_high {border-color:#ea8b2f;}
.disk_balloon_high:after {border-bottom-color:#ea8b2f;}
.disk_balloon_high .disk_balloon_head {background:#ea580c;}
.disk_balloon_info {border-color:#93b7dd;}
.disk_balloon_info:after {border-bottom-color:#93b7dd;}
.disk_balloon_info .disk_balloon_head {background:#2b6cb0;}
.disk_balloon_critical, .disk_balloon_unavailable {border-color:#e05252;}
.disk_balloon_critical:after, .disk_balloon_unavailable:after {border-bottom-color:#e05252;}
.disk_balloon_critical .disk_balloon_head, .disk_balloon_unavailable .disk_balloon_head {background:#b91c1c;}
/* Per-volume usage figure, colored by that volume's own severity. */
.disk_balloon_pct_warn {color:#d97706; font-weight:700;}
.disk_balloon_pct_high {color:#ea580c; font-weight:700;}
.disk_balloon_pct_critical {color:#b91c1c; font-weight:700;}
.disk_balloon_pct_unavailable {color:#b91c1c; font-weight:700; font-style:italic;}
/* In-dialog busy veil (commonF.dialogBusy). Anchors to .ui-dialog-content, which is position:relative,
so it covers the popup body while leaving the title bar clickable. */
.dlg-busy {position:absolute; inset:0; z-index:20; display:flex; align-items:center; justify-content:center;
background:rgba(255,255,255,.72);}
.dlg-busy .dlg-busy-card {display:inline-flex; align-items:center; gap:12px; padding:14px 20px; background:#fff;
border:1px solid #dde1e5; border-radius:12px; box-shadow:0 12px 28px -12px rgba(15,23,42,.45);}
.dlg-busy .loading-ring {width:26px; height:26px;}
/* Creation-progress doughnut popups: only the region table scrolls, header pinned.
Scoped to .ui-dialog so an unopened popup stays hidden by .popup-wrap .popup-layer. */
.ui-dialog .progress-donut-popup {display:flex !important; flex-direction:column; overflow:hidden !important;}
.progress-donut-popup > * {flex:0 0 auto;}
.progress-donut-popup > .progress-table-wrap {flex:1 1 auto; min-height:0; overflow-y:auto;}
.progress-donut-popup .progress-table-wrap thead th {position:sticky; top:0; z-index:1;}
/* Narrow inline numeric field (percentages, per-channel values). Mirrors the
input[type="text"] look in style.css, which does not cover type="number".
No appearance:none here - that would remove the native up/down spinner. */
input[type="number"].input_num_s{width:50px; height:26px; line-height:12px; padding:.488em .2em .488em .4em;
color:#4f5f6f; border:1px solid #d2d8e0; border-radius:0; vertical-align:top;
box-sizing:border-box; text-align:center;}
/* Quiet explanatory line under a form control. Started in Ballot Configuration and is now
shared with the ballot template popup, so it lives here rather than in one screen. */
.conf-hint{font-size:12px; color:#9ca3af; margin:3px 0 0 20px;}