/* Porto-Admin-like shell for the local karamhejaz.com/CRM copy (own CSS, not the commercial theme). */
:root{--primary:#0088cc;--primary-d:#006da3;--dark:#171717;--bg:#ecedf0;--text:#777;--head:#33353f}
html,body{background:var(--bg);font-family:"Open Sans",Arial,sans-serif;font-size:13px;color:var(--text)}
a{color:var(--primary)} a:hover{color:var(--primary-d)}
/* header */
.header{background:#fff;height:60px;border-bottom:1px solid #e9e9e6;border-top:3px solid #ededed;position:sticky;top:0;z-index:1030;display:flex;align-items:stretch}
.header .logo-container{width:112px;display:flex;align-items:center;justify-content:center;border-right:1px solid #f0f0f0}
.header .logo-container img{height:34px;max-width:100px}
.header .home{display:flex;align-items:center;padding:0 14px;font-size:24px;color:var(--primary)}
.header-nav{display:flex;align-items:stretch;margin:0;padding:0;list-style:none}
.header-nav>li{position:relative;display:flex;align-items:stretch}
.header-nav>li>a{display:flex;align-items:center;padding:0 9px;font-size:11.5px;font-weight:700;text-transform:uppercase;color:var(--primary);letter-spacing:.1px;text-decoration:none;white-space:nowrap}
.header-nav>li>a:after{content:"";border:4px solid transparent;border-top-color:currentColor;margin:4px 0 0 5px}
.header-nav>li:hover>a,.header-nav>li.open>a{background:#f4f4f4}
.header-nav .dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;border:0;border-top:3px solid var(--primary);border-radius:0 0 4px 4px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:6px 0;margin:0;background:#fff}
.header-nav>li:hover .dropdown-menu,.header-nav>li.open .dropdown-menu{display:block}
.header-nav .dropdown-menu.mega{display:none;min-width:auto;white-space:nowrap}
.header-nav>li:hover .dropdown-menu.mega{display:flex}
.header-nav .mega-col{min-width:210px;padding:4px 0;border-right:1px solid #f1f1f1}
.header-nav .mega-col:last-child{border-right:0}
.header-nav .mega-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#333;padding:6px 16px 4px;border-bottom:1px solid #f1f1f1;margin-bottom:3px}
.header-nav .dropdown-item{font-size:12.5px;color:#555;padding:5px 16px}
.header-nav .dropdown-item:hover{background:#f4f4f4;color:var(--primary)}
.header-nav .dropdown-item .ph{font-size:9px;color:#b38600;margin-left:4px}
/* page title bar */
.page-header{background:var(--dark);height:42px;display:flex;align-items:stretch;justify-content:space-between;border-bottom:4px solid #ddd;position:relative}
.page-header h2{color:#fff;font-size:15px;font-weight:400;margin:0;padding:0 16px;line-height:42px;border-bottom:4px solid var(--primary);margin-bottom:-4px}
.userbox{display:flex;align-items:center;padding:0 22px 0 22px;border-left:1px solid #333;border-right:1px solid #333;color:#ccc;cursor:pointer;position:relative;min-width:200px}
.userbox img{width:30px;height:30px;border-radius:50%;margin-right:10px;background:#555}
.userbox .name{font-size:12px;color:#999;line-height:1.1}.userbox .role{font-size:11px;color:#ccc}
.userbox .caret-down{margin-left:auto;padding-left:20px;color:#bbb}
.userbox .dropdown-menu{right:0;left:auto;top:100%;margin:0;border-radius:0;min-width:200px}
/* quick search */
.quick-search{position:absolute;right:12px;top:6px;width:326px;display:flex;z-index:5}
.quick-search input{height:31px;border-radius:0;border:1px solid #ddd;font-size:12px}
.quick-search .btn{border-radius:0;height:31px;background:var(--primary);color:#fff}
.content-body{padding:46px 32px 40px;position:relative}
/* cards */
.card{border:0;border-radius:5px;box-shadow:none;margin-bottom:28px;background:transparent}
.card-header{background:#f6f6f6;border-radius:5px 5px 0 0!important;border-top:3px solid var(--primary);border-bottom:1px solid #dadada;padding:13px 14px;position:relative}
.card-header .card-title{color:var(--primary);font-size:16px;font-weight:400;margin:0;letter-spacing:-.4px}
.card-header .card-actions{position:absolute;right:15px;top:14px;color:#aaa;cursor:pointer}
.card-header.blue{background:var(--primary);border-top:0;border-bottom:0}
.card-header.blue .card-title{color:#fff}.card-header.blue .card-actions{color:#fff}
.card-body{background:#fdfdfd;padding:15px;border-radius:0 0 5px 5px}
.card-footer{background:#fff;border-top:1px solid #e5e5e5;text-align:right;padding:10px 15px}
.criteria .form-group{display:flex;align-items:center;margin-bottom:12px}
.criteria label{flex:0 0 36%;text-align:right;padding-right:14px;margin:0;font-size:11.5px;color:#777}
.criteria .ctl{flex:1}
.form-control{font-size:13px;border-radius:4px}
.btn{font-size:13px}.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-d);border-color:var(--primary-d)}
.btn-default{background:#fff;border:1px solid #ccc;color:#333}
.toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;align-items:center}
.toolbar .sep{width:1px;height:24px;background:#ddd;margin:0 4px}
.notice{border-left:4px solid #f0ad4e;background:#fff8ec;padding:9px 12px;margin-bottom:16px;color:#7a5a12}
.notice.info{border-color:var(--primary);background:#eef7fc;color:#235}
.notice.err{border-color:#d2322d;background:#fdecea;color:#8a1f1b}
.local-tag{font-size:10px;background:#ffe9b3;color:#7a5a12;border-radius:3px;padding:1px 5px;margin-left:6px;vertical-align:middle}
/* login */
body.sign{background:var(--bg)}
.body-sign{display:flex;align-items:center;justify-content:center;min-height:100vh}
.center-sign{width:376px}
.center-sign .logo{display:block;float:left;margin-bottom:-2px}
.card-sign .card-title-sign{text-align:right}
.card-sign .card-title-sign .title{display:inline-block;background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;padding:21px 14px 18px;border-radius:5px 5px 0 0;margin:0}
.card-sign .card-body{background:#fff;border-top:5px solid var(--primary);border-radius:5px 0 5px 5px;padding:28px 26px 12px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.card-sign label{font-size:12px;color:#777}
.card-sign .input-group-text{background:#f2f2f2;color:#555}
.clearfix:after{content:"";display:table;clear:both}
/* dashboard */
.my-area .tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:70px;margin:0 14px 14px 0;background:#d8d8d8;border-radius:3px;color:#444;font-size:11px;text-decoration:none;vertical-align:top}
.my-area .tile i{font-size:28px;color:var(--primary);margin-bottom:6px}
.my-area .tile:hover{background:#cfcfcf}
.big-card{display:flex;align-items:center;border-radius:12px;color:#173a3a;padding:30px 24px;min-height:150px;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.big-card:hover{text-decoration:none;color:#000}
.big-card .ico{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:30px;margin-right:16px}
.big-card h3{font-size:19px;font-weight:700;color:#173a3a;margin:0 0 6px;line-height:1.05}
.big-card p{margin:0;font-size:12px}
.big-card .arrow{margin-left:auto;font-size:24px}
.g-green{background:linear-gradient(135deg,#21a38e,#5be37b)}.g-cyan{background:linear-gradient(135deg,#55b7f3,#21e6f8)}
.stat{background:#fff;border-radius:5px;padding:14px;display:flex;align-items:center;margin-bottom:16px;text-decoration:none;color:#555;border-top:3px solid var(--primary)}
.stat i{font-size:26px;color:var(--primary);width:46px}.stat .v{font-size:22px;color:#333;font-weight:600}.stat .l{font-size:12px}
.stat:hover{text-decoration:none;background:#f7fbff}
/* forms */
.dx-form .dx-field-item-label-text{font-size:12px;color:#666}
.dx-datagrid{font-size:12px}
.dx-datagrid-headers{background:#f6f6f6}
.form-toolbar{position:sticky;top:60px;z-index:20;background:var(--bg);padding:8px 0}
.totals{font-weight:600;color:#333}.totals .bad{color:#d2322d}.totals .ok{color:#2a9d3a}
@media print{.header,.page-header,.quick-search,.form-toolbar,.toolbar,.no-print,.card-footer{display:none!important}.content-body{padding:0}.card-body{background:#fff}}
.print-only{display:none}@media print{.print-only{display:block}}

/* ===== polish pass 2 (measured against /workspace/karam_front/screenshots, 1280px viewport) ===== */
.header{height:59px;border-top:0}
.header .logo-container{width:115px}
.header .logo-container img{height:32px}
.header .home{font-size:30px;padding:0 20px 0 12px}
.header-nav>li>a{font-size:11px;padding:0 11px;letter-spacing:0}
.page-header{height:51px;border-bottom:3px solid #d5d5d5}
.page-header h2{font-size:19px;line-height:48px;padding:0 22px 0 20px;border-bottom:3px solid var(--primary);margin-bottom:-3px;letter-spacing:-.2px}
.userbox{min-width:248px;margin-right:22px;border-left:1px solid #3a3a3a;border-right:1px solid #3a3a3a;padding:0 24px;background:#0f0f0f}
.userbox img{width:38px;height:38px}
.userbox .name{color:#555;font-size:12px}.userbox .role{color:#ccc;font-size:11px}
.quick-search{width:408px;right:14px;top:9px}
.quick-search input,.quick-search .btn{height:38px}
.quick-search .btn{width:38px}
.quick-search input{font-size:12.5px;color:#999}
.content-body{padding:49px 40px 40px}
.card-header{padding:17px 18px 16px}
.card-header .card-title{font-size:19.5px;letter-spacing:-.6px;font-weight:400}
.card-header .card-actions{top:22px;right:20px}
.card-header.blue{padding:15px 18px}
.card-header.blue .card-title{font-size:19px}
.card-body{background:#fff}
.card-footer{padding:12px 16px}
.criteria{padding:20px 16px 8px}
.criteria label{font-size:11.5px;color:#777}
.criteria .dx-texteditor{height:38px}
.criteria .dx-texteditor-input{min-height:36px}
.card-footer .btn{padding:6px 12px}
/* dashboard (Main) */
.dash-wrap{padding:0 15px}
.my-area{padding:24px 16px 30px}
.my-area .tile{width:125px;height:88px;margin:0 24px 16px 0;background:#d9d9d9;font-size:11.5px;color:#333;border-radius:2px;justify-content:flex-end;padding-bottom:9px}
.my-area .tile i{font-size:40px;margin-bottom:10px}
.my-area .tile.green i{color:#078807}.my-area .tile.green{font-weight:700}
.my-area .tile .cnt{position:absolute;top:4px;right:6px;font-size:10px;background:var(--primary);color:#fff;border-radius:8px;padding:0 6px;line-height:15px}
.my-area .tile{position:relative}
.ann-body{min-height:60px}
.ann-list{list-style:none;padding:0;margin:0}
.ann-list li{padding:6px 0;border-bottom:1px solid #eee}
.ann-list li:last-child{border-bottom:0}
.big-card .cnt-badge{display:inline-block;margin-top:6px;background:rgba(0,0,0,.12);border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700}
.groups-row{position:relative;display:flex;justify-content:center;gap:30px;margin:52px 0 0}
.groups-row:before,.groups-row:after,.load-row:before,.load-row:after{content:"";position:absolute;top:22px;width:260px;height:4px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.22) 0,rgba(0,0,0,.05) 60%,rgba(0,0,0,0) 75%)}
.groups-row:before,.load-row:before{left:0}.groups-row:after,.load-row:after{right:0}
.big-card{width:275px;min-height:0;align-items:center;padding:30px 22px 28px 24px;border-radius:10px;align-self:flex-start;box-shadow:0 12px 24px rgba(0,0,0,.14)}
/* cardsize 20261010: Umrah Groups + Ticket Groups dashboard boxes always the same size (same fixed width, equal height
   via the flex row's stretch; the longer description no longer makes one box taller). Classic + modern theme. */
.groups-row{align-items:stretch}
.groups-row>.big-card{box-sizing:border-box;flex:0 0 275px;width:275px;max-width:100%;align-self:stretch;min-height:150px}
.big-card .ico{width:80px;height:80px;flex:0 0 80px;font-size:36px;margin-right:20px;color:#173052;background:rgba(255,255,255,.28)}
.big-card h3{font-size:22px;color:#14223f;margin-bottom:8px}
.big-card p{font-size:14.5px;line-height:1.3;color:#1e3048;max-width:96px}
.big-card .arrow{font-size:28px;color:#14223f;margin-left:14px}
.load-row{position:relative;text-align:center;margin-top:62px}
.load-row:before,.load-row:after{top:auto;bottom:-2px;width:420px}
.load-row .btn{font-size:14px;padding:7px 14px;border-radius:0}
/* module dashboards */
.dash-tile-row .tile{display:inline-flex}
.sum-chips .chip{display:inline-flex;align-items:center;color:#fff;border-radius:2px;padding:9px 14px 9px 10px;margin:0 2px 4px 0;font-size:13px;text-decoration:none;min-width:118px}
.sum-chips .chip i{font-size:22px;margin-right:12px}
.sum-chips .chip b{color:#ffef3a;margin-right:6px;font-size:14px}
.sum-chips .chip.blue{background:#0088cc}.sum-chips .chip.green{background:#47a447}.sum-chips .chip.red{background:#d2322d}
.sum-chips .chip:hover{filter:brightness(1.08);color:#fff}
.balance-box{display:flex;align-items:center;padding:6px 0}
.balance-box .ic{width:50px;height:50px;border-radius:50%;background:#e36159;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin-right:16px}
.balance-box .t{color:var(--primary);font-size:17px;font-weight:600}.balance-box .v{font-size:22px;color:#222;font-weight:600}
.flight-link{display:block;text-align:right;font-weight:700;font-size:15px;margin-top:10px}
.country-cards{display:flex;flex-wrap:wrap;gap:16px}
.country-cards a{flex:0 0 31%;height:110px;border-radius:3px;position:relative;color:#fff;text-decoration:none;background:linear-gradient(135deg,#3a4a6b,#7a5c8f);display:flex;align-items:center;justify-content:center;font-size:34px}
.country-cards a span{position:absolute;left:10px;bottom:0;background:rgba(0,0,0,.65);font-size:12px;padding:3px 10px}
/* reports two-pane */
.rep-list .dx-datagrid-rowsview .dx-row.dx-selection>td{background:#a9a9a9!important;color:#fff}
.rep-pane-title{font-size:12px!important;letter-spacing:0!important}
/* profile */
.profile-links .btn{width:200px;display:block;margin:0 auto 20px;padding:8px}
.hlabel .dx-field-item-label-text{font-size:12px;color:#777}
.criteria .cal-addon{height:38px;border-radius:4px 0 0 4px;border-right:0;background:#f2f2f2;color:#555}
.criteria .cal-addon+.dx-datebox{border-radius:0 4px 4px 0}
.criteria .form-group .ctl{max-width:362px}
.criteria .form-group .ctl.d-flex{max-width:470px}
.dash-table{font-size:12px}.dash-table th{background:#f6f6f6;color:#555;font-weight:600;border-top:0}
.occ-form label{color:#777}
.adv-sec{margin-bottom:26px}
.adv-sec h5{color:var(--primary);font-size:14px;font-weight:700;margin:6px 0 14px}
.adv-sec .dx-field-item-label-text{font-size:11.5px;color:#777}
.adv-btn{padding-left:33%;margin-top:4px}

/* polish pass 3: compact Report List like live (11px rows) */
.rep-list .dx-datagrid .dx-row > td { padding: 3px 6px; font-size: 11px; }
.rep-list .dx-datagrid-headers .dx-row > td { padding: 4px 6px; font-size: 11px; }
.rep-list .dx-datagrid-search-panel { width: 100% !important; margin: 0; }
.rep-list .dx-datagrid-header-panel { padding: 0 0 4px; }

/* Accomodation Voucher (blank entry form) */
.av-card .card-body{padding:18px 22px 28px}
.av-form .av-row,.av-row{display:flex;align-items:center;margin-bottom:10px}
.av-row.av-top{align-items:flex-start}
.av-row>label{flex:0 0 210px;text-align:right;padding-right:14px;margin:0;font-size:12px;color:#666}
.av-row>label.inline{flex:0 0 auto;padding:0 10px 0 18px}
.av-row>.ctl{flex:0 1 420px;max-width:520px}
.av-row.av-pax>.ctl.sm{flex:0 0 90px;max-width:90px}
.av-ziarat{display:flex;align-items:center;gap:8px}
.av-section{font-size:15px;font-weight:600;color:#333;margin:22px 0 12px;padding-bottom:4px;border-bottom:1px solid #e5e5e5}
.av-hotel{border:1px solid #d9e6ef;border-radius:3px;margin-bottom:10px;overflow:hidden;background:#fff}
.av-hotel-bar{display:flex;align-items:center;gap:8px;background:#d9ebf7;padding:6px 8px;flex-wrap:wrap}
.av-en{flex:0 0 22px}
.av-hotel-lab{font-weight:600;color:#235;font-size:12px;white-space:nowrap}
.av-hotel-sel{flex:1 1 220px;min-width:180px}
.av-hotel-note{display:flex;align-items:center;gap:6px;flex:1 1 180px}
.av-hotel-note>span,.av-hotel-brn>span{font-size:11px;color:#555;white-space:nowrap}
.av-hotel-note .in{flex:1}
.av-hotel-brn{display:flex;align-items:center;gap:6px;flex:0 0 140px}
.av-hotel-brn .in{flex:1}
.av-hotel-row{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:#fafcfe}
.av-hcell{flex:1 1 110px;min-width:100px}
.av-hcell.excl{flex:0 0 80px;min-width:70px}
.av-hcell>label{display:block;font-size:11px;color:#777;margin-bottom:2px}
.av-table{width:100%;border-collapse:collapse;margin-bottom:8px;background:#fff}
.av-table th,.av-table td{border:1px solid #dde3ea;padding:6px;vertical-align:middle;font-size:12px}
.av-table th{background:#f0f4f8;font-weight:600;color:#555;text-align:left}
.av-table td.leg{font-weight:600;white-space:nowrap;width:90px;background:#f7fafc}
.av-table .fw{min-width:90px}
.av-flights.disabled{opacity:.55;pointer-events:none}
.av-note{font-size:12px;color:#666;margin:8px 0 14px}
.av-save{text-align:center;margin-top:18px}
.av-save .btn-lg{min-width:140px;padding:8px 28px;font-size:15px}

/* New Booking (live NewBooking.aspx layout) */
.nb-grid{display:flex;flex-wrap:wrap;gap:0 24px}
.nb-col{flex:1 1 420px;min-width:320px}
.nb-actions{text-align:right;margin-top:12px;padding-top:8px;border-top:1px solid #e8eef3}
.nb-modal-form{padding:8px 4px 4px;max-height:60vh;overflow:auto}
.nb-modal-form .av-row>label{flex:0 0 140px}
.nb-modal-form .av-row>.ctl{flex:1 1 auto;max-width:none}
.nb-card .dx-datagrid{min-height:80px}
/* ---- Transport Voucher (live /TransportVoucher, newer layout) */
.tv-card .card-body{padding:14px 18px 18px;background:#fdfdfd}
.tv-hdr .av-row>label{flex:0 0 150px}
.tv-hdr .av-row>.ctl{flex:0 1 250px;max-width:250px}
.tv-hdr .av-row>.ctl.tv-sm{flex:0 0 96px;max-width:96px}
.tv-hdr .av-row>label.inline{padding-left:24px}
.tv-trip-bar{display:flex;align-items:center;justify-content:space-between;background:#eef6fc;padding:4px 18px 4px 10px;margin:8px 0 6px}
.tv-trip-bar h3{font-size:18px;font-weight:400;color:#333;margin:0}
.tv-trip{margin:0 0 6px;padding-bottom:4px}
.tv-sub{background:#f2f2f2;color:#2a8fd0;font-size:14px;letter-spacing:-.4px;padding:6px 12px;margin:8px 34px 4px 10px}
.tv-grid-h,.tv-grid-r{display:grid;gap:4px;align-items:center;margin-right:116px}
.tv-grid-h{background:#eaf4fb;font-size:11px;color:#333;padding:3px 8px;line-height:1.5}
.tv-grid-r{padding:2px 4px}
.tv-grid-h.cost,.tv-grid-r.cost{grid-template-columns:160px 50px 72px 72px}
.tv-grid-h.drv,.tv-grid-r.drv{grid-template-columns:140px 140px 72px}
.tv-grid-h.sale,.tv-grid-r.sale{grid-template-columns:1.3fr 1.3fr 2fr 2fr .55fr 1fr 1fr 1fr}
.tv-cost-wrap{display:flex;align-items:center}
.tv-cost-in{flex:1}
.tv-x{margin:0 50px 0 0;padding:1px 7px;font-size:11px;line-height:1.5;border-radius:0;background:#d9534f;border-color:#b52b27}
.tv-grid-r .dx-texteditor-input{font-size:12px;padding:4px 6px;min-height:26px}
.tv-hr{border-top:2px solid #ccc;margin:14px 30px 10px}
.tv-totals{display:flex;align-items:flex-end;gap:6px;padding:0 10px}
.tv-items{flex:0 0 140px;font-size:12px;padding-bottom:8px}
.tv-tot{flex:0 0 140px}
.tv-tot.sm{flex:0 0 72px}
.tv-tot>label{display:block;font-size:11px;color:#333;margin-bottom:2px}
.tv-gap{flex:0 0 140px}
.tv-foot{padding-left:290px;background:#fff;text-align:left}
.tv-hdr .av-row>label.inline{flex:0 0 auto;padding:0 10px 0 24px}
.nl-search{display:flex;align-items:center;margin-left:auto;padding:0 24px;border-right:1px solid #3a3a3a}
.nl-search input{width:200px;height:34px;border-radius:4px 0 0 4px;border:0;font-size:12px}
.nl-search .btn{height:34px;background:#fff;border-left:1px solid #ddd;border-radius:0 4px 4px 0;color:#555}
/* ---- Ticket Invoice (CRM/TIK/TikInvoiceNew.aspx) */
.ti-card .card-body{padding:16px 20px 20px}
.ti-hdr .av-row{margin-bottom:8px}
.ti-hdr .av-row>label{flex:0 0 150px}
.ti-hdr .av-row>.ctl{flex:0 1 300px;max-width:300px}
.ti-hdr .av-row>.ctl.ti-sm{flex:0 0 160px;max-width:160px}
.ti-sec{font-size:13px;font-weight:600;color:#1c6fb5;margin:16px 0 10px;padding:4px 8px;background:#f2f6fa}
.ti-sec.first{margin-top:0}
.ti-sec.ti-trip{margin-top:20px}
.ti-route{display:flex;align-items:center;gap:10px;margin:0 0 8px 8px}
.ti-route>label{margin:0;font-size:12px;color:#666}
.ti-flights{overflow-x:auto}
.ti-fh,.ti-fr{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.25fr 1.05fr 1.25fr 1.05fr .9fr 1.05fr .8fr 26px;gap:3px;align-items:center;min-width:900px}
.ti-fh{background:#eaf4fb;font-size:11px;color:#333;padding:4px 6px;font-weight:600}
.ti-fr{padding:3px 4px;border-bottom:1px solid #eef2f5}
.ti-fr .dx-texteditor-input{font-size:12px;padding:4px 6px;min-height:26px}
.ti-x{padding:1px 7px;font-size:11px;line-height:1.5;border-radius:0}
.ti-foot{text-align:right;margin-top:18px;padding-top:12px;border-top:1px solid #e8eef3}
.ti-foot .btn{margin-left:4px}
.ti-empty{font-size:12px;color:#555;padding:4px 2px}
.ti-pair>label.inline{flex:0 0 auto;padding:0 8px 0 14px}
.ti-chk{flex:0 0 auto}
.ti-chk-lab{font-size:12px;color:#666;padding-left:6px}
.ti-hdr .ti-pair>label:first-child{flex:0 0 110px}
.ti-hdr .ti-pair>.ctl.ti-sm{flex:0 0 110px;max-width:110px}
.ti-details .dx-datagrid{min-height:70px}
.ti-modal .av-row{margin-bottom:6px}
/* Ticket Refund (TikRefund.aspx) */
.tr-hdr .av-row>label{flex:0 0 170px}
.tr-hdr .av-row>.ctl{flex:0 1 300px;max-width:300px}
.tr-src{margin:8px 8px 0;min-height:16px}
.tr-wide{margin-bottom:10px}
.tr-foot{text-align:right;margin-top:14px;padding-top:10px;border-top:1px solid #e8eef3}
.tr-loss .dx-texteditor-input{color:#c9302c;font-weight:600}
/* Intimation Details (TRV/IntimationDetails.aspx) */
.id-form .av-row>label{flex:0 0 150px}
.id-form .av-row>.ctl{flex:0 1 460px;max-width:460px}
.id-form .av-row>.ctl.id-date{flex:0 0 200px}
.id-checks{display:flex;gap:24px}
.id-actions{text-align:right;margin-top:6px}
.id-status .card-body{min-height:90px}
.id-status-line{font-size:12px;margin-bottom:8px}
/* Passport Track (TRV/PassportDelivery.aspx) */
.pd-grid{gap:0 24px;flex-wrap:nowrap}
.pd-left{flex:0 0 46%;min-width:0}
.pd-left .av-row>label{flex:0 0 130px}
.pd-left .av-row>.ctl{flex:1 1 auto;max-width:none}
.pd-right{flex:1 1 54%;min-width:0}
.pd-right .av-row>label{flex:0 0 120px}
.pd-right .av-row>.ctl{flex:1 1 auto;max-width:none}
.pd-right .dx-datagrid{min-height:90px}
.pd-actions{text-align:right;margin-top:14px;padding-top:10px;border-top:1px solid #e8eef3}
@media (max-width:760px){.pd-grid{flex-wrap:wrap}.pd-left,.pd-right{flex:1 1 100%}}


/* ---- Star New Booking (HRS/NewBooking.aspx) ---- */
.snb-form .av-row>label{flex:0 0 200px}
.snb-form .av-row>.ctl{flex:0 1 360px;max-width:420px}
.snb-form .av-row>.ctl.snb-date{flex:0 0 200px;max-width:200px}
.snb-form .av-row.av-pax>.ctl.sm{flex:0 0 100px;max-width:100px}
.snb-card .av-save{margin-top:14px;text-align:right}

/* ---- Finance voucher (FinVoucherNew / QuickVoucher) ---- */
.fv-hdr .av-row>label{flex:0 0 160px}
.fv-hdr .av-row>.ctl{flex:0 1 280px;max-width:300px}
.fv-quick .fv-q-top{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:16px}
.fv-quick .fv-q-col{flex:1 1 280px}
.fv-quick .fv-q-mid{flex:0 0 140px;text-align:center;padding-top:8px}
.fv-quick .fv-q-no-lab{font-size:12px;color:#666}
.fv-quick .fv-q-no{font-size:22px;font-weight:600;color:#333;letter-spacing:1px}
.fv-quick .fv-q-boxes{display:flex;align-items:stretch;gap:12px;margin:12px 0 18px;flex-wrap:wrap}
.fv-quick .fv-q-box{flex:1 1 320px;border:1px solid #cfe0ef;border-radius:4px;padding:12px 14px;background:#f7fbfe}
.fv-quick .fv-q-box-h{font-weight:600;color:#0088cc;margin-bottom:8px}
.fv-quick .fv-q-arrow{display:flex;align-items:center;justify-content:center;font-size:28px;color:#0088cc;padding:0 6px}
.fv-quick .fv-adv{display:inline-block;margin-top:8px;font-size:12px}
.fv-quick .fv-q-foot .av-row>.ctl.sm{flex:0 0 110px;max-width:110px}
.fv-quick .fv-q-foot .av-row>.ctl.wide{flex:1 1 480px;max-width:640px}
.fv-quick .fv-radios{padding-top:4px}
.fv-card .av-save,.fv-quick .av-save{margin-top:12px;text-align:right}
.fv-card .av-save .btn,.fv-quick .av-save .btn{margin:0 4px 6px 0}

/* ---- Hotel Status ---- */
.hs-grid{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:flex-start}
.hs-left{flex:1 1 360px;max-width:520px}
.hs-legend{flex:0 0 260px;padding-top:4px}
.hs-leg-row{display:flex;align-items:center;margin:10px 0}
.hs-chip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:28px;border:1px solid #c9b896;margin-right:12px;font-weight:700;font-size:13px;color:#fff;flex:0 0 36px}
.hs-vacant,.hs-available{background:#f3e6c8;color:#5a4630;border-color:#d2c09a}
.hs-full,.hs-full-ns{background:#e53935;border-color:#c62828}
.hs-leg-lab{font-size:13px;color:#444}
.hs-actions{margin:12px 0 0 210px}
.hs-actions .btn{margin-right:6px}
.hs-form .av-row>label,.hs-left .av-row>label{flex:0 0 110px}
.hs-left .av-row>.ctl{flex:0 1 280px}
.hs-left .av-row>.ctl.hs-date{flex:0 0 200px}
.hs-status-line{margin-bottom:12px;font-size:13px}
.hs-board{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.hs-cell{width:72px;height:56px;border:1px solid #ccc;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default}
.hs-cell-no{font-size:12px;font-weight:600;color:#333}
.hs-cell-mark{font-size:14px;font-weight:700;line-height:1}
.hs-cell.hs-vacant,.hs-cell.hs-available{background:#f3e6c8}
.hs-cell.hs-full,.hs-cell.hs-full-ns{background:#e53935}
.hs-cell.hs-full .hs-cell-no,.hs-cell.hs-full-ns .hs-cell-no,.hs-cell.hs-full .hs-cell-mark,.hs-cell.hs-full-ns .hs-cell-mark{color:#fff}

/* ---- Star Intimation ---- */
.si-grid{display:flex;flex-wrap:wrap;gap:8px 32px}
.si-col{flex:1 1 420px;min-width:320px}
.si-col .av-row>label{flex:0 0 160px}
.si-col .av-row>.ctl{flex:0 1 260px}
.si-col .av-row>.ctl.si-date{flex:0 0 200px}
.si-actions{text-align:right;margin-top:10px;padding-top:8px;border-top:1px solid #e8eef3}
.si-actions .btn{margin-left:6px}
.si-status-line{margin-bottom:10px;font-size:13px}

/* ---- New Customer ---- */
.nc-form .av-row>label{flex:0 0 150px}
.nc-form .av-row>.ctl{flex:0 1 360px;max-width:420px}
.nc-actions{margin-top:14px;text-align:right}
.nc-actions .btn{margin-left:6px}

/* ---- Delete Actions confirm ---- */
.da-confirm .av-row>label{flex:0 0 140px}

/* ---- Finance reports (ARS / Trial Balance / PLS / Customer Ledger) ---- */
.fr-layout{display:flex;align-items:flex-start;gap:14px;min-height:420px}
.fr-side{flex:0 0 260px;max-width:280px;margin-bottom:0}
.fr-viewer{flex:1 1 auto;min-width:0;margin-bottom:0}
.fr-crit .fr-row{margin-bottom:10px}
.fr-crit .fr-row>label{display:block;font-size:12px;color:#555;margin-bottom:3px;font-weight:600}
.fr-crit .fr-row>.ctl{width:100%}
.fr-check{margin:6px 0;font-size:12px;color:#444}
.fr-check input{margin-right:6px}
.fr-actions{margin-top:14px}
.fr-actions .btn-block{width:100%}
.fr-aux .btn{margin-right:4px}
.fr-prepared{margin-top:14px;padding-top:10px;border-top:1px solid #e0e6ec;font-size:12px;color:#333;line-height:1.6}
.fr-prepared a{color:#2a6ebb}
.fr-toolbar{padding:8px 12px;border-bottom:1px solid #e5e9ef;background:#f7f9fb}
.fr-toolbar .btn{margin-right:4px}
.fr-report-title{font-size:16px;margin:0 0 12px;font-weight:600}
.fr-source{font-size:11px;line-height:1.4}
.fr-gaps{line-height:1.5}
@media (max-width:900px){.fr-layout{flex-direction:column}.fr-side{flex:1 1 auto;max-width:none;width:100%}}
@media print{.fr-side,.fr-toolbar,.fr-gaps,.fr-source,.no-print{display:none!important}.fr-layout{display:block}.fr-viewer{border:none;box-shadow:none}}

/* ---- Star Room Allocation live-like panels ---- */
.rb-live .rb-panels{display:flex;flex-wrap:wrap;gap:12px}
.rb-live .rb-panel{flex:1 1 320px;min-width:280px}
.rb-live .rb-panel .card-header{padding:8px 12px}
.rb-live .rb-search-bar{margin-bottom:10px;display:flex;gap:8px;align-items:center}
.rb-live .rb-search-bar input{flex:1 1 auto;max-width:360px}

/* ---- Day Book ---- */
.db-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px}
.db-field label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:3px}
.db-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.db-grids{display:flex;flex-wrap:wrap;gap:14px}
.db-half{flex:1 1 420px;min-width:320px}
.db-section{font-size:14px;font-weight:600;margin:8px 0 6px;color:#2a6ebb}
.db-total{text-align:right;font-weight:600;color:#2a6ebb;margin-top:6px;font-size:13px}
@media print{.db-filters,.no-print{display:none!important}}

.dash-summary{display:flex;flex-wrap:wrap;gap:10px}
.dash-summary .sum-item{flex:1 1 120px;background:#f5f7fa;border:1px solid #e3e6ea;border-radius:4px;padding:10px 12px;text-decoration:none;color:#333;text-align:center}
.dash-summary .sum-item:hover{background:#eef3f9;text-decoration:none}
.dash-summary .sum-item .l{font-size:11px;color:#666;letter-spacing:.02em}
.dash-summary .sum-item .v{font-size:18px;font-weight:700;color:#0a6aa1;margin-top:4px}
/* live booking list / new booking (k_new_booking) */
.bl-card .criteria .form-group{display:flex;align-items:center}
.bl-card .criteria .form-group>label{flex:0 0 150px;text-align:right;padding-right:12px;margin:0}
.bl-card .criteria .form-group>.ctl{flex:1 1 auto}
.vs-badge{font-size:11px;font-weight:600;padding:4px 6px}
.badge-warning.vs-badge{background:#f0a223;color:#fff}
.dx-list-item.bl-sep{border-top:1px solid #ddd;margin-top:4px;padding-top:4px}
.nb-alert{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px;margin:0 0 16px;border-radius:3px;font-size:12px}
.nb-alert.err{background:#f7d7da;color:#721c24;border:1px solid #f1c1c6}
.nb-alert.ok{background:#d6ecd9;color:#155724;border:1px solid #c3e6cb}
.nb-alert .x{cursor:pointer;font-size:16px;line-height:1;margin-left:10px;color:#555}
.nb-alert.small-box{display:inline-flex;margin:0;max-width:60%}
.mp-sec{background:#f6f6f6;color:var(--primary);font-weight:700;font-size:13px;padding:6px 10px;margin:8px 0 10px}
.mp-col .av-row>label{flex:0 0 120px}
.mp-col .av-row>.ctl{flex:1 1 auto;max-width:none}
.mp-up{font-size:9px;color:#666;margin-top:4px;line-height:1.3}
.mp-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8eef3;padding:12px 0 0;margin-top:10px}
.nb-ro .dx-texteditor-input{background:#fff}
/* ---- Umrah voucher flow (NewVoucherStart / NewVoucher, live layout) */
.vo-card .card-body{padding:16px 22px 26px}
.vo-sec{background:#f6f6f6;color:var(--primary,#0088cc);font-weight:700;font-size:13px;padding:7px 10px;margin:14px 0 10px}
.vo-hdr .av-row>label{flex:0 0 260px;font-size:11px;color:#777}
.vo-hdr .av-row>.ctl{flex:0 1 450px;max-width:450px}
.vo-hdr .vo-bold input{font-weight:700}
.vo-pax .dx-datagrid-headers{background:#e8f3f9}
.vo-pax input[type=checkbox]{width:14px;height:14px}
.vo-pax .form-control-sm{height:24px;padding:1px 6px;font-size:12px}
.vo-self{margin:4px 0 10px}
.vo-hotel{margin-bottom:10px}
.vo-hbar{display:flex;align-items:center;gap:10px;background:#97d4f3;padding:10px 12px}
.vo-en{flex:0 0 20px}
.vo-hlab{flex:0 0 90px;font-weight:600;color:#555;font-size:12px}
.vo-hsel{flex:1 1 46%}
.vo-hnote{flex:0 1 200px}
.vo-hconf{flex:0 1 160px}
.vo-hrow{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;background:#fff}
.vo-hc{flex:1 1 120px;min-width:100px}
.vo-hc.sm{flex:0 1 90px;min-width:70px}
.vo-hc.sm2{flex:0 1 90px;min-width:80px}
.vo-hc.xs{flex:0 0 64px;min-width:60px}
.vo-hc>label{display:block;font-size:11px;color:#777;margin-bottom:3px}
.vo-flights,.vo-trp{width:100%;border-collapse:separate;border-spacing:6px 4px;margin-bottom:6px}
.vo-flights th,.vo-trp th{font-weight:400;font-size:11px;color:#777;padding:0 2px}
.vo-flights td.leg{font-weight:600;color:#555;font-size:11px;width:90px;vertical-align:top;padding-top:8px}
.vo-trp td,.vo-trp th{vertical-align:middle}
.vo-vwt{display:flex;align-items:center;gap:12px;margin:4px 0 8px 200px;font-weight:600;color:#555;font-size:13px}
.vo-zi{display:flex;align-items:center;gap:10px}
.vo-zi span{font-size:11px;color:#777}
.vo-zi .zd{flex:0 0 160px}.vo-zi .zt{flex:0 0 90px}
.vo-note{font-size:11px;color:#555}
.vo-save{min-width:60px}
.vo-msg{display:flex;gap:12px;align-items:flex-start;border:1px solid #2e6da4;margin:0;padding:6px 10px;background:#fff}
.vo-msg .ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#fff;flex:0 0 22px;margin-top:2px}
.vo-msg.err .ic{background:#d2322d}
.vo-msg.ok .ic{background:#47a447;border-radius:50%}
.vo-msg .t{font-size:15px;color:#2e6da4}
.vo-msg.ok .t{color:#333;font-weight:700;font-size:14px}
.vo-msg.err .l{color:#e00;font-size:11px;line-height:1.4}
.vo-msg.ok .l{color:#333;font-size:12px;line-height:1.6}
.vo-result{padding:16px 22px}
.vo-result .vo-msg{border:0;padding:0}
.vo-split{font-size:11px;color:#777;margin:8px 0 0 34px}
.vo-rbtn{margin:12px 0 4px 34px}
.vo-more{margin-left:34px;font-size:16px;text-decoration:none}
.vo-flights td{vertical-align:top}
.vo-flights td>div{min-width:90px}

/* ---- auto-generated numbers (lockno 2026-10-06): read-only, visibly greyed, not editable */
.dx-texteditor.k-locked,.dx-texteditor.k-locked.dx-state-readonly,.nb-ro .dx-texteditor.k-locked{background:#e4e7eb!important;border-color:#b9c2cc!important;cursor:not-allowed}
.dx-texteditor.k-locked .dx-texteditor-input,.nb-ro .dx-texteditor.k-locked .dx-texteditor-input{background:#e4e7eb!important;color:#444;font-weight:600;cursor:not-allowed}
.dx-texteditor.k-locked .dx-placeholder::before{color:#777;font-style:italic}
.fv-q-no.k-locked{color:#555;cursor:not-allowed}
/* ---- Import Booking (/CRM/TRV/BookingImport.aspx) */
.bi-card .card-body{padding:22px 22px 10px}
.bi-row{display:flex;align-items:center;margin-bottom:9px;min-height:31px}
.bi-row>label{flex:0 0 33%;text-align:right;padding-right:16px;margin:0;font-size:11.5px;color:#666}
.bi-row>.ctl{flex:0 1 40%;max-width:560px}
.bi-row.bi-link{margin-top:-4px;min-height:0}.bi-row.bi-link a{font-size:11.5px}
.bi-file{display:flex;align-items:center;border:1px solid #ccc;border-radius:3px;padding:5px 7px;min-height:32px;background:#fff}
.bi-file input[type=file]{position:absolute;left:-9999px}
.bi-browse{margin:0;border:1px solid #bbb;border-radius:2px;background:linear-gradient(#fafafa,#e6e6e6);padding:2px 12px;font-size:12px;cursor:pointer;min-width:146px;text-align:right}
#f_file_name{margin-left:10px;font-size:12px}.bi-clear{color:#d00;margin-left:8px;cursor:pointer;font-size:15px}
.bi-amt .ctl{display:flex;align-items:flex-end;gap:8px}
.bi-chk{flex:0 0 58px;font-size:11px;padding-bottom:3px}.bi-chk .dx-checkbox-text{font-size:11px;color:#666}
.bi-amt .bi-chk{flex:0 0 96px;white-space:nowrap}
.bi-n{display:flex;flex-direction:column;font-size:10.5px;color:#666}
.bi-n input{width:54px;height:20px;border:1px solid #aaa;font-size:11px;padding:0 3px;width:75px}
.bi-hr{margin:8px 0 0}
.bi-st{display:flex;margin-bottom:14px;font-size:11.5px}
.bi-st>label{flex:0 0 33%;text-align:right;padding-right:16px;margin:0;color:#666;padding-top:7px}
.bi-st>div{color:#555;min-height:16px}
.bi-blink{color:#555}
.bi-grid{width:100%;border-collapse:collapse;margin:28px 0 12px;font-size:11px}
.bi-grid th{background:#e6e6e6;font-weight:400;border:1px solid #c8c8c8;padding:3px 4px;text-align:left}
.bi-grid td{border:1px solid #d6d6d6;padding:3px 4px}
.bi-grid .bi-empty td{text-align:center;color:#999;padding:8px}
.bi-cust-head,.bi-cust-row{display:flex}.bi-cust-head{background:#e9e9e9;border-bottom:1px solid #ccc;font-size:12px;padding:4px 9px}
.bi-cust-head span:first-child,.bi-cust-row span:first-child{flex:1 1 auto}.bi-cust-head span:last-child,.bi-cust-row span:last-child{flex:0 0 120px}
/* accvoucher 20261007: Accomodation Voucher */
#accVoucher .av-hotel-note{flex:1 1 220px}
#accVoucher .av-hotel-brn{flex:0 0 200px}
#accVoucher .av-hcell.sm{flex:0 1 90px;min-width:80px}
#accVoucher .av-hcell.excl{flex:0 0 70px;min-width:60px}
#accVoucher .av-hcell.dt{flex:1 1 140px;min-width:138px}
#accVoucher .av-hcell.rt{flex:1 1 130px;min-width:125px}
#accVoucher .av-hcell.sm2{flex:0 1 100px;min-width:90px}
#accVoucher .vo-hdr .av-row>label{flex:0 0 210px}
.av-hitem .c{color:#777;display:inline-block;min-width:70px}.av-hitem .s{color:#bbb}
.av-pop-main{font-size:14px;color:#d2322d;font-weight:600}.av-pop-sub{font-size:12px;color:#333;margin-top:4px}
/* updateiata 20261007: Update IATA (live CRM/TRV/UpdateIATA.aspx) */
.ui-card .card-body{padding:18px 22px 12px}
.ui-row{display:flex;align-items:center;margin-bottom:9px;min-height:31px}
.ui-row>label{flex:0 0 33%;text-align:right;padding-right:16px;margin:0;font-size:11px;color:#666}
.ui-row>.ctl{flex:0 1 45%;max-width:400px}
#cardSearch .ui-row>.ctl{max-width:400px;flex-basis:40%}
.ui-or{min-height:0;margin:-4px 0 6px}.ui-or b{font-size:11px;color:#555}
.ui-cols{display:flex;gap:20px}.ui-col{flex:1 1 50%}
.ui-col .ui-row>label{flex-basis:40%}.ui-col .ui-row>.ctl{flex-basis:55%;max-width:300px}
.ui-lbl{display:flex;margin-bottom:14px;font-size:11px}
.ui-lbl>label{flex:0 0 33%;text-align:right;padding-right:16px;margin:0;color:#666}
.ui-lbl>div{color:#555;min-height:14px}
.ui-iata{display:flex;align-items:flex-start;gap:14px;max-width:none!important}
.ui-iata>#f_iata_id{flex:0 0 200px}.ui-iata .dx-checkbox-text{font-size:11px}
/* repui 20261010: Reports page as live /CRM/REP/Reports.aspx */
.rp-page .card{border:0;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.rp-page .card-body{background:#fff}
.rp-page .rep-list .card-title{color:#0088cc;font-size:19.5px}
.rp-page .rep-form .card-title{color:#0088cc;font-size:12px!important;letter-spacing:-.3px!important;line-height:26px}
.rp-page .rep-list .card-body{padding:16px 16px 18px}
.rep-list .dx-datagrid{font-size:11px;color:#222}
.rep-list .dx-datagrid-headers .dx-header-row>td{padding:3px 4px;background:#ebebeb;color:#222;font-weight:400}
.rep-list .dx-datagrid-rowsview .dx-row>td{padding:2px 4px;height:17px;line-height:13px}
.rep-list .dx-datagrid-search-panel{margin:0}
.rep-list .dx-datagrid-header-panel{padding:3px 3px 4px;border-bottom:1px solid #ccc}
.rep-list .dx-datagrid-header-panel .dx-toolbar-after{width:100%}
.rep-list .dx-datagrid-header-panel .dx-searchbox .dx-texteditor-input{min-height:22px;padding:3px 6px 3px 28px;font-size:11px}
.rep-list .dx-datagrid-rowsview .dx-row.dx-selection>td,.rep-list .dx-datagrid-rowsview .dx-row.dx-selection.dx-row-focused>td{background:#cfcfcf!important;color:#000!important}
.rep-list .dx-datagrid-rowsview .dx-row.dx-state-hover:not(.dx-selection)>td{background:#efefef!important}
.rp-criteria{padding:28px 14px 6px}
.rp-criteria .form-group{display:flex;align-items:flex-start;margin-bottom:13px}
.rp-criteria label{flex:0 0 36%;text-align:right;padding:9px 30px 0 0;margin:0;font-size:11.5px;color:#777;line-height:1.15}
.rp-criteria .ctl{flex:1;max-width:395px}
.rp-criteria .rp-date{max-width:122px}
.rp-criteria .rp-narrow{max-width:162px}
.rp-criteria .dx-radiogroup{padding-top:8px}.rp-criteria .dx-checkbox{margin-top:9px}
.rp-criteria .rp-ph-all .dx-placeholder:before{color:#333}
.rp-criteria .dx-texteditor{height:31px}.rp-criteria .dx-texteditor-input{min-height:29px;font-size:12px;padding-top:5px;padding-bottom:5px}
.rp-criteria .dx-placeholder:before{padding-top:7px;padding-bottom:5px;font-size:12px}
.rp-criteria .form-group{margin-bottom:12px}.rp-criteria label{padding-top:7px}
.rp-btns{text-align:center;padding:12px 0 22px}
.rp-btns .btn{margin:0 1px;padding:7px 9px;font-size:12px;border-radius:2px;background:#0088cc;border-color:#0077b3}
.rp-btns .btn i{margin-right:2px}
.rep-list .dx-datagrid-header-panel .dx-searchbox .dx-placeholder:before{padding:4px 6px 3px 28px;font-size:11px}
.rep-list .dx-datagrid-header-panel .dx-searchbox .dx-icon-search{top:-2px}