/* Search bar */
#top_submenu_new .nav_gray_bar {
	border-bottom:0px !important;
}

#ov_search_bar {
	background:#fff;
	width:100%;
	max-width:100%;
	height:auto;
	min-height:38px;
	padding:6px 8px;
	margin-top: 110px !important;
	margin-bottom:20px;
	overflow:visible;
	box-sizing:border-box;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	gap:4px;
}
#ov_search_bar form {
	display:flex;
	flex-wrap:nowrap;
	align-items:stretch;
	gap:8px;
	flex:1;
	min-width:0;
	width:100%;
	position:relative;
}
#ov_search_form .ov_search_hidden {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}
#ov_search_bar .ov_search_group {
	display:flex;
	flex:1 1 0;
	align-items:center;
	gap:6px;
	min-width:0;
	position:relative;
}
#ov_search_bar .ov_search_group_date {
	flex:1.08 1 0;
}
/* Ikona kalendarza (daterange) — spójnie na PR start i easy_mode */
#ov_search_bar label.search_bar_box.daterange_icon,
#easy_mode_form .easy_mode_search_bar label.search_bar_box.daterange_icon {
	position:relative;
	background:#393938 !important;
	color:#fff !important;
}
#ov_search_bar label.search_bar_box.daterange_icon:after,
#easy_mode_form .easy_mode_search_bar label.search_bar_box.daterange_icon:after {
	content:'\1F4C5';
	font-size:15px;
	line-height:1;
	font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	font-style:normal;
	text-decoration:none;
}
#ov_search_bar .ov_search_group .search_bar_box,
#ov_search_bar .ov_search_group .daterange_icon {
	flex-shrink:0;
	float:none;
	margin-right:0;
}
#ov_search_bar .ov_search_group #daterange,
#ov_search_bar .ov_search_group .search_bar_input {
	flex:1 1 0;
	float:none;
	margin-right:0;
	min-width:0;
	width:auto !important;
	max-width:none;
}
/* jQuery-MultiSelect (nobleclem): schowaj <select>, rozciągnij przycisk na szerokość komórki */
#ov_search_bar select.jqmsLoaded {
	flex:0 0 0 !important;
	width:0 !important;
	min-width:0 !important;
	max-width:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	opacity:0;
	overflow:hidden;
	position:relative;
}
#ov_search_bar .ms-options-wrap {
	flex:1 1 0;
	min-width:0;
	max-width:100%;
	align-self:stretch;
	display:flex;
	flex-direction:column;
	overflow:visible;
}
#ov_search_bar form > select:not(.jqmsLoaded) {
	flex:1 1 0;
	height:28px;
	min-width:0;
	padding:0 6px;
	font-size:12px;
	background:#D9DBDA;
	border:1px solid #ccc;
	box-sizing:border-box;
}
#ov_search_bar .ms-options-wrap > button {
	float:none !important;
	margin-right:0 !important;
	width:100% !important;
	min-width:0;
}
/* jak PI system_overview: panel szerszy niż przycisk (tam menuWidth 300 przy buttonWidth 150) */
#ov_search_bar .ms-options-wrap > .ms-options {
	width:max-content !important;
	min-width:max(100%, 300px);
	max-width:min(520px, 94vw);
	left:0;
	right:auto;
	box-sizing:border-box;
	overflow-x:hidden;
}
#ov_search_bar .ms-options-wrap > .ms-options > ul label {
	white-space:normal;
	word-break:break-word;
	overflow-wrap:anywhere;
}
.ov_track_name_link {
	color:#000;
	
}
.ov_track_name_link label {
	cursor:pointer;
}
.ov_track_name_link:hover{
	color:#666;
}
#ov_search_bar .icon_box {
	flex-shrink:0;
	height:28px;
	width:28px;
	background:#393938;
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:28px;
	font-family:'icomoon';
}
.ov_icon {
	height:30px;
	width:30px;
	font-size:20px;
	line-height:30px;
	font-family:'icomoon';
}
.group_icon:after{
	content:'\002E';
}
.preference_icon:after{
	content:'\00F0';
}
.location_icon:after{
	content:'\0066';
}
.ims_icon:after {
    content: '\0064';
}
.instrument_icon:after {
    content: '\0049';
}
.department_icon:after {
	content:'\0031';
}
.workflow_icon:after {
	content:'\00DA';
}
.process_icon:after {
	content:'\0064';
}

.track_icon:after {
	content:'\0037';
}
.timeframe_icon:after {
	content:'\201E';
}
#ov_search_bar input[type=submit],
#ov_search_bar .ov_search_submit {
	height:30px;
	line-height:30px;
	text-align: center;
	text-transform: uppercase;
	flex:0 0 auto;
	width:auto;
	min-width:88px;
	margin:0 0 0 auto;
	padding:0 14px;
	align-self:center;
	color:#fff;
	font-size:12px;
	background:#006CFF;
	border:none;
	cursor:pointer;
	box-sizing:border-box;
}
#ov_search_bar input[type=submit]:hover,
#ov_search_bar .ov_search_submit:hover {
	background:#0052cc;
}
/* Multiselect */

#ov_search_bar .ui-multiselect {text-align:left; flex:1 1 0; background:#D9DBDA; border:1px solid #ccc; height:28px; min-width:0; padding:0 6px; padding-left:8px; overflow:hidden; font-size:12px; box-sizing:border-box;}
.ui-multiselect .ui-multiselect-open { float:right }
.ui-multiselect-menu { display:none; box-sizing:border-box;  border:1px solid #ccc; position:absolute; text-align:left; z-index: 99999999999; width:auto; height:auto; padding:3px;  background:#fff; width:250px;}
.ui-multiselect-menu.ui-multiselect-listbox {position:relative; z-index: 0;}
.ui-multiselect-header { text-align:center; display:block; box-sizing:border-box; position:relative; height:25px; line-height:25px; background:#8f0787}
.ui-multiselect-header > ul { list-style:none; margin:0px; padding:0px; }
.ui-multiselect-header li { display:inline-block;   margin:0 10px; list-style:none;}
.ui-multiselect-header a { text-decoration:none; color:#fff;}
.ui-multiselect-header a:hover {  cursor: pointer; color:#eee;}
.ui-multiselect-header .ui-icon { float:left; }
.ui-multiselect-header .ui-multiselect-close { float:right; margin-right:0; text-align:right; }
.ui-multiselect-checkboxes { display:block; box-sizing:border-box; position:relative; overflow:auto; width: auto; border: 0; padding: 4px 0 8px;}
.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) { clear:both; font-size:0.9em; list-style: none; padding-right:3px;}
.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup):hover{background:#eee;}
.ui-multiselect-checkboxes label { border:1px solid transparent; cursor:default; display:block; padding:3px 1px 3px 21px; text-indent: -20px;}
.ui-multiselect-checkboxes input { position:relative; top:1px; cursor: pointer; margin-right:5px;}
.ui-multiselect-checkboxes img { height: 30px; vertical-align: middle; margin-right: 3px;}
.ui-multiselect-grouplabel { border-bottom:1px solid #ccc; display:block; font-weight:bold; margin:1px 0; padding:3px;  text-decoration:none; color:#000;}
.ui-multiselect-selectable { cursor: pointer; }
.ui-multiselect-optgroup > ul { padding: 3px; }
.ui-multiselect-columns { display: inline-block; vertical-align: top; }
.ui-multiselect-collapser { float: left; padding: 0 1px; margin: 0; }
.ui-multiselect-collapsed > ul { display:none }
.ui-multiselect-single .ui-multiselect-checkboxes input { left:-9999px; position:absolute !important; top: auto !important; margin-right:5px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important; text-indent: 0 !important; }
.ui-multiselect.ui-multiselect-nowrap { white-space: nowrap }
.ui-multiselect.ui-multiselect-nowrap > span { display: inline-block }
.ui-multiselect-checkboxes.ui-multiselect-nowrap li,
.ui-multiselect-checkboxes.ui-multiselect-nowrap a { white-space: nowrap }
.ui-multiselect-measure > .ui-multiselect-header,
.ui-multiselect-measure > .ui-multiselect-checkboxes { float: left; }
.ui-multiselect-measure > .ui-multiselect-checkboxes { margin: 4px; overflow-y: scroll; }
.ui-multiselect-resize { border: 2px dotted #00F }
.ui-multiselect-header .ui-helper-reset li:first-child{
	float:left;
}
.ui-multiselect-header .ui-helper-reset li:nth-child(2){
	float:right;
}

.ui-state-active {
	background:#eee;
}

/* PR easy_mode — ten sam układ co #ov_search_bar (start / system overview) */
#easy_mode_form .easy_mode_search_bar {
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 38px;
	padding: 6px 8px;
	margin-bottom: 10px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 8px;
	background: #fff;
	float: none;
	position: relative;
	z-index: 999;
}
#easy_mode_form .easy_mode_search_bar .ov_search_group {
	display: flex;
	flex: 1 1 0;
	align-items: center;
	gap: 6px;
	min-width: 0;
	position: relative;
}
#easy_mode_form .easy_mode_search_bar .ov_search_group_date {
	flex: 1.12 1 0;
}
#easy_mode_form .easy_mode_search_bar .search_bar_box {
	float: none !important;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	margin-right: 0 !important;
	line-height: 28px !important;
	font-size: 18px !important;
	background: #393938 !important;
	color: #fff !important;
	text-align: center;
}
#easy_mode_form .easy_mode_search_bar .mode_icon:after,
#easy_mode_form .easy_mode_search_bar .operator_icon:after {
	line-height: 28px;
	font-size: 18px;
}
#easy_mode_form .easy_mode_search_bar #daterange,
#easy_mode_form .easy_mode_search_bar .search_bar_input {
	float: none !important;
	flex: 1 1 0;
	min-width: 0;
	width: auto !important;
	max-width: none;
	margin-right: 0 !important;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	background: #D9DBDA !important;
	border: 1px solid #ccc !important;
	padding: 0 8px;
	box-sizing: border-box;
	cursor: pointer;
}
#easy_mode_form .easy_mode_search_bar .ui-multiselect {
	float: none !important;
	flex: 1 1 0;
	width: auto !important;
	min-width: 0;
	height: 28px !important;
	min-height: 28px !important;
	margin: 0 !important;
	margin-right: 0 !important;
	padding: 0 8px !important;
	border: 1px solid #ccc !important;
	background: #D9DBDA !important;
	color: #000 !important;
	font-size: 12px !important;
	line-height: 26px !important;
	box-sizing: border-box;
	overflow: hidden;
	text-align: left;
}
#easy_mode_form .easy_mode_search_bar input[type="submit"],
#easy_mode_form .easy_mode_search_bar .ov_search_submit {
	float: none !important;
	flex: 0 0 auto;
	align-self: center;
	width: auto;
	min-width: 88px;
	margin: 0 0 0 auto !important;
	padding: 0 14px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff !important;
	background: #006CFF !important;
	border: none !important;
	cursor: pointer;
	box-sizing: border-box;
}
#easy_mode_form .easy_mode_search_bar input[type="submit"]:hover,
#easy_mode_form .easy_mode_search_bar .ov_search_submit:hover {
	background: #0052cc !important;
}
#easy_mode_form #hide_show .easy_mode_timeline_notice {
	margin:12px 0;
	padding:12px 15px;
	color:#666;
	font-size:13px;
	line-height:1.4;
	background:#f5f5f5;
	border-radius:4px;
}