.grid-container{
	float: left;
	width: 100%;
	height: 100%;
	min-height: 300px;
}
.grid-container.ag-theme-balham {
	--ag-odd-row-background-color: #eee;
	--ag-row-hover-color: #ddd;
}

.grid-container-header{
	float: left;
	width: 100%;
	height: 40px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
}
.grid-container-header .breadcrumb{
	padding: 1px 1rem;
	border: none;
}

.grid-from-to-column{
	min-width: 94px;
	margin: 6px 0;
}
.grid-from-to-column:focus{
	min-width: 134px;
}
.grid-from-to-column span,
.grid-from-to-column input{
	width: 40px;
	min-width: 40px;
}
.grid-from-to-column input{
	/* border: 1px solid #cccc; */
	padding-right: 0 !important;
}
.grid-from-to-column span{
	width: auto;
	padding-right: 0 !important;
}
.grid-from-to-column input:focus,
.grid-from-to-column:focus span,
.grid-from-to-column input:not(:placeholder-shown){
	width: 80px;
	/* max-width: 100%; */
}
.grid-from-to-column .Zebra_DatePicker_Icon{
	visibility: hidden;
}
.btn-container[data-button_type=edit_row] .cancel-edit-row-button,
.btn-container[data-button_type=edit_row] .save-row-button,
.ag-row-inline-editing .btn-container[data-button_type=edit_row] .edit-row-button,
.ag-row-editing .btn-container[data-button_type=edit_row] .edit-row-button{
	display: none;
}
.ag-row-inline-editing .btn-container[data-button_type=edit_row] .cancel-edit-row-button,
.ag-row-inline-editing .btn-container[data-button_type=edit_row] .save-row-button,
.ag-row-editing .btn-container[data-button_type=edit_row] .cancel-edit-row-button,
.ag-row-editing .btn-container[data-button_type=edit_row] .save-row-button{
	display: inline-block;
}

.ag-root.row-editing-active .ag-row:not(.ag-row-inline-editing):not(.ag-row-editing){
	pointer-events: none;
	opacity: .5;
}

.ag-header-cell.ag-header-cell-filtered{
	background: rgba(255, 165, 0, .5);
}

.ag-tool-panel-wrapper > div:last-child:not(.ag-tool-panel-horizontal-resize){
	width: 100%;
}
.grid-file-preview-container{
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}
.grid-file-preview-container iframe,
.grid-file-preview-container object,
.grid-file-preview-container canvas{
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
}

.edit-force-disable-columns-container{
	list-style: none;
	padding: 5px;
}
.edit-force-disable-columns-container li{
	margin-bottom: 5px;
}
.edit-force-disable-columns-container li .field-label{
	margin-left: 5px;
}
.grid-container-header .settings-breadcrumb-menu .subtitle{
	font-size: 8px;
}
.settings-breadcrumb-menu .btn{
	margin-top: 3px;
}

.grid-edit-page-lines-container{
	/* padding-bottom: 40px; */
	padding-bottom: 0px;
}
.grid-edit-page-block .tab-pane{
	float: left;
	width: 100%;
	box-sizing: content-box;
}
.grid-edit-page-block .tab-content .tab-pane{
	width: calc(100% - 2rem);
}
.grid-edit-page-block .tab-content .tab-pane .tab-pane-col.col-lg-12{
	width: calc(100% + 15px);
	padding-right: 0;
	flex: none;
	max-width: none;
}
.grid-container .ag-row-pinned.ag-row-level-0{
	background: #ddd;
	font-weight: bolder;
}
.dark-mode .grid-container .ag-row-pinned.ag-row-level-0{
	background: #454e55;
}
.grid-container .cancel-edit-row-button{
	margin-right: 5px;
}
.choose-from-grid-value{
	margin-left: 3px;
}
.grid-iframe-popup-content{
	width: 100%;
	height: calc(100% - 30px);
}
.grid-iframe-popup-content iframe{
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
}
.ag-row.disable-edit-row{
	opacity: .5;
}
.custom-tooltip{
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
}
/* Keep line breaks in the default cell hover tooltip (enable_hover_tooltip) */
.ag-popup .ag-tooltip.ag-cell-tooltip{
	white-space: pre-line;
}
.grid-edit-page-lines-container .ag-ltr .ag-cell{
	border-right: 1px solid #e6e6e6;
}
.loader .loader-description{
	display: none;
	clear: both;
	position: relative;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, .7);
	padding: 10px;
	border: 1px solid #fff;
}
.bi-chart,
.bi-chart-placeholder{
	width: 100%;
	min-height: 400px;
}
.bi-chart.bi-chart-grid-type{
	display: none;
}
.bi-chart-grid{
	/* display: none; */
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
	width: 100%;
}
.bi-chart .ag-popup{
	position: relative;
	width: 100%;
	height: 100%;
}
.bi-chart .ag-panel{
	position: relative !important;
	float: left !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	max-height: none !important;
	max-width: none !important;
	box-shadow: none !important;
	border: none !important;
}
.bi-chart .ag-panel-title-bar{
	/* visibility: hidden;
	pointer-events: none; */
	display: none;
}
/* .bi-chart .ag-chart-menu-toolbar-button{
	display: none;
} */
.bi-grid-chart-loader{
	position: relative;
	width: 100%;
	height: 100%;
	height: 400px;
	text-align: center;
}
.bi-grid-chart-loader img{
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	top: calc(50% - 50px);
}
.widget[data-type=bi_chart] .breadcrumb-menu{
	display: none;
}
.dashboard-columns .breadcrumb-menu{
	display: none;
}
.grid-top-filter-title{
	display: block;
	width: 100%;
	clear: both;
	font-size: 10px;
	line-height: 10px;
}
.grid-top-filter-content{
	clear: both;
	display: block;
}
.grid-top-filter-content input{
	height: 20px;
}
.btn-load-data-with-top-filters{
	margin-right: 10px;
}
.grid-inline-pill-button{
	/* color: #fff; */
	border: none;
	/* background: none; */
}
.column-fields-container{
	min-height: 100px;
	height: 100%;
}
.column-fields-container.column-fields-container-empty{
	min-height: 0;
}
.column-fields-container div.form-field > span {
	width: calc(100% - 160px);
}
.grid-editable-field{
	background: rgba(22, 146, 189, 0.1);
}
.grid-iframe-popup .close-dialog {
	position: absolute;
	right: 7px;
	top: 7px;
}
h4.grid-iframe-popup-title:empty {
	display: none;
}
.grid-iframe-popup-content{
	height: 100%;
}
.display-settings-toolpanel{
	padding: 10px;
}
.display-settings-toolpanel ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.display-settings-toolpanel ul li{
	margin-bottom: 7px;
}
.display-settings-toolpanel ul li .btn {
	width: 100%;
	text-align: left;
}
.grid-toggle-tab{
	display: none;
}
.nav-link.show .grid-toggle-tab{
	display: inline-block;
}
.grid-top-filter div.ms-parent button,
.grid-top-filter select.grid-top-filter-field{
	height: 20px;
	line-height: 20px;
}
.grid-top-filter div.ms-parent button .icon-close{
	top: 11px;
}
.grid-top-filter select.grid-top-filter-field{
	margin-top: 2px;
}
.master-detail-grid-container{
	padding: 10px;
}
.ag-cell .Zebra_DatePicker_Icon_Wrapper .datepicker{
	border: none;
}
.ag-cell.has-notes .btn{
	background: #1492bd;
	border: 1px solid #1492bd;
	color: #fff !important;
}
.ag-cell.has-files .btn{
	background: #1492bd;
	border: 1px solid #1492bd;
	color: #fff !important;
}



/* ── Modal styling ─────────────────────────────── */
#gridScheduleConfigModal .modal-dialog { max-width: 720px; }

#gridScheduleConfigModal .section-title {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #6c757d;
  margin-bottom: .75rem;
}

/* ── Columns table ─────────────────────────────── */
#gridScheduleConfigModal #columns-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .875rem;
}
#gridScheduleConfigModal #columns-table thead th {
  background: #1a2740;
  color: #fff;
  padding: .5rem .75rem;
  font-weight: 600;
  font-size: .75rem;
  letter-spacing: .05em;
}
#gridScheduleConfigModal #columns-table tbody tr {
  background: #fff;
  border-bottom: 1px solid #e9ecef;
  transition: background .15s;
}
#gridScheduleConfigModal #columns-table tbody tr:hover { background: #eef2ff; }
#gridScheduleConfigModal #columns-table tbody tr.drag-over { background: #dde4ff; border: 2px dashed #4a6cf7; }
#gridScheduleConfigModal #columns-table tbody td { padding: .45rem .75rem; vertical-align: middle; }

#gridScheduleConfigModal .drag-handle {
  cursor: grab;
  color: #adb5bd;
  font-size: 1rem;
  padding: 0 4px;
}
#gridScheduleConfigModal .drag-handle:active { cursor: grabbing; }

#gridScheduleConfigModal .col-fieldcode {
  font-size: .78rem;
  color: #495057;
}
#gridScheduleConfigModal .col-name { color: #212529; }
#gridScheduleConfigModal .col-type {
  font-size: .7rem;
  background: #e9ecef;
  border-radius: 4px;
  padding: 2px 6px;
  color: #6c757d;
  font-weight: 600;
}
#gridScheduleConfigModal .btn-remove {
  border: none;
  background: none;
  color: #dc3545;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: background .15s;
}
#gridScheduleConfigModal .btn-remove:hover { background: #fce8ea; }

/* ── Add field bar ─────────────────────────────── */
#gridScheduleConfigModal #add-field-bar {
  display: flex;
  gap: .5rem;
  align-items: center;
  margin-top: .6rem;
}
#gridScheduleConfigModal #add-field-bar select {
  flex: 1;
  font-size: .875rem;
}

/* ── Date selects ──────────────────────────────── */
#gridScheduleConfigModal .date-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
#gridScheduleConfigModal .date-label {
  font-size: .75rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: .3rem;
}

/* ── Footer ────────────────────────────────────── */
#gridScheduleConfigModal #gridScheduleConfigModal .modal-footer {
  background: #fff;
  border-top: 1px solid #dee2e6;
}

/* ── Empty table placeholder ───────────────────── */
#gridScheduleConfigModal .table-empty {
  text-align: center;
  color: #adb5bd;
  font-size: .85rem;
  padding: 1.2rem;
  font-style: italic;
}

/* ── Cell-styling dialog (sc-47) ───────────────── */
.cell-styling-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:20000;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:30px 10px;}
.cell-styling-dialog{background:#fff;border-radius:6px;max-width:960px;width:100%;box-shadow:0 6px 30px rgba(0,0,0,.3);}
.cs-dialog-header{padding:12px 18px;border-bottom:1px solid #e4e7ea;display:flex;justify-content:space-between;align-items:center;}
.cs-dialog-title{font-size:16px;font-weight:bold;position:relative;}
.cell-styling-dialog .cell-styling-info{color:#20a8d8;cursor:pointer;margin-left:4px;font-size:13px;}
.cell-styling-info-popover{display:none;position:absolute;top:26px;left:0;z-index:10;background:#2f353a;color:#fff;padding:10px 12px;border-radius:4px;width:420px;max-width:80vw;font-size:12px;font-weight:normal;line-height:1.4;box-shadow:0 4px 14px rgba(0,0,0,.3);}
.cell-styling-close{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:#73818f;}
.cs-dialog-footer{padding:10px 18px;border-top:1px solid #e4e7ea;background:#fafbfc;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 6px 6px;}
.cs-grow{flex:1;}
.cs-hint{font-weight:normal;color:#73818f;}
.cs-icon-btn{background:none;border:1px solid transparent;color:#73818f;padding:3px 7px;}
.cs-icon-btn:hover{border-color:#c8ced3;}
.cs-icon-btn.cs-danger:hover{color:#c0392b;}

/* Style bar */
.cs-style-bar{display:flex;gap:6px;align-items:center;padding:10px 18px;border-bottom:1px solid #e4e7ea;}
.cs-style-bar-label{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#73818f;}
.cs-style-select-wrap{width:280px;}
.cs-style-name{width:280px;display:none;}
.cell-styling-dialog.cs-renaming .cs-style-select-wrap{display:none;}
.cell-styling-dialog.cs-renaming .cs-style-name{display:block;}
.cs-style-name.is-invalid{border-color:#f86c6b;}

/* Rule list (left) + editor (right) */
.cs-main{display:grid;grid-template-columns:270px 1fr;min-height:420px;}
.cs-rule-list-pane{border-right:1px solid #e4e7ea;background:#fafbfc;padding:10px;display:flex;flex-direction:column;gap:6px;}
.cs-caption{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#73818f;margin:2px;}
.cs-rule-list{display:flex;flex-direction:column;gap:6px;}
.cs-rule-item{display:flex;gap:8px;align-items:center;border:1px solid #e4e7ea;background:#fff;border-radius:5px;padding:7px 8px;cursor:pointer;}
.cs-rule-item:hover{border-color:#c8ced3;}
.cs-rule-item.active{border-color:#20a8d8;box-shadow:0 0 0 2px #e6f4f9;}
.cs-rule-item.ui-sortable-helper{box-shadow:0 4px 12px rgba(0,0,0,.15);}
.cs-rule-item-placeholder{border:1px dashed #c8ced3;border-radius:5px;min-height:44px;}
.cs-grip{color:#b8c2cc;cursor:grab;}
.cs-rule-item-text{flex:1;min-width:0;font-size:12px;line-height:1.35;}
.cs-rule-item-title{display:block;font-weight:600;margin-bottom:1px;}
.cs-rule-item-summary{display:block;color:#3e4b5b;overflow-wrap:anywhere;}
.cs-sample{font-size:12px;padding:1px 7px;border-radius:3px;border:1px solid #e4e7ea;white-space:nowrap;}
.cell-styling-add-rule{align-self:flex-start;padding-left:2px;}
.cs-list-hint{margin-top:auto;color:#73818f;font-size:11px;padding:4px 2px;}
.cell-styling-rules{padding:14px 18px;min-width:0;}
.cs-rule{display:none;flex-direction:column;gap:16px;}
.cs-rule.active{display:flex;}
.cs-rule-top{display:flex;gap:8px;align-items:center;}
.cs-rule-name{max-width:320px;}

/* Steps */
.cs-step{display:grid;grid-template-columns:26px 1fr;gap:10px;}
.cs-step-num{width:22px;height:22px;border-radius:50%;background:#e6f4f9;color:#1692bd;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:12px;}
.cs-step-body{min-width:0;}
.cs-step-body h4{margin:1px 0 6px;font-size:13px;font-weight:600;}
.cs-segmented{display:inline-flex;border:1px solid #c8ced3;border-radius:4px;overflow:hidden;vertical-align:middle;}
.cs-segmented button{border:0;border-right:1px solid #c8ced3;background:#fff;padding:3px 10px;font-size:12px;line-height:20px;cursor:pointer;color:#23282c;}
.cs-segmented button:last-child{border-right:0;}
.cs-segmented button.active{background:#20a8d8;color:#fff;}
.cs-cond-logic{margin-bottom:6px;}
.cs-condition-row{display:flex;gap:6px;margin-bottom:6px;align-items:center;}
.cs-cond-field-wrap{flex:1;min-width:110px;}
.cs-cond-comparator-wrap{flex:0 0 150px;}
.cs-cond-vtype-wrap{flex:0 0 92px;}
.cs-cond-value-wrap{flex:1;}
.cs-cond-add{padding-left:0;}
.cs-where-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.cs-targets-wrap{flex:1;min-width:220px;}
.cs-styles-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.cs-color-field{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:normal;cursor:pointer;}
.cs-divider{width:1px;align-self:stretch;background:#e4e7ea;}
.cs-preview{margin-top:10px;border:1px solid #e4e7ea;border-radius:5px;overflow:hidden;font-size:12px;}
.cs-preview:empty{display:none;}
.cs-preview table{border-collapse:collapse;width:100%;table-layout:fixed;}
.cs-preview th,.cs-preview td{padding:4px 8px;border-bottom:1px solid #e4e7ea;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cs-preview tr:last-child td{border-bottom:0;}
.cs-preview th{background:#fafbfc;font-weight:600;color:#73818f;}
.cs-preview th.cs-preview-more{width:110px;font-weight:normal;}
.cs-preview-note{padding:4px 8px;color:#73818f;border-top:1px solid #e4e7ea;}
@media (max-width:760px){
	.cs-main{grid-template-columns:1fr;}
	.cs-rule-list-pane{border-right:0;border-bottom:1px solid #e4e7ea;}
	.cs-style-bar{flex-wrap:wrap;}
	.cs-style-select-wrap,.cs-style-name{width:100%;}
}