/* UI Toolbar  *************************************************************************************************/
/* To Compile file: Alt + F12   and run command:  "gulp oper"  */
.oper_ui_flex_toolbar_container {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;

	margin: 0 0 20px;
	padding:3px 0;

	box-shadow: none;
	border: 1px solid #ccc;
	border-top: none;
	background: #f5f5f5;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group {
	flex: 0 1 auto;
	padding: 0 0 0 1em;

	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: baseline;
	border-right:1px solid #ccc;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group.group_nowrap {
	flex-flow: row nowrap;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group:last-child {
	border:none;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group label,
.oper_ui_flex_toolbar_container .ui_toolbar_group a,
.oper_ui_flex_toolbar_container .ui_toolbar_group input,
.oper_ui_flex_toolbar_container .ui_toolbar_group select{
	flex: 0 1 auto;
	margin:4px 1em 4px 0;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group label {
	/* Vertical center*/
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;

	align-self: center;
	word-break: normal;
}
@media (max-width: 399px) {
	.oper_ui_flex_toolbar_container .ui_toolbar_group{
		flex: 1 1 auto;
	}
	.oper_ui_flex_toolbar_container .ui_toolbar_group input,
	.oper_ui_flex_toolbar_container .ui_toolbar_group select {
		min-width: 0;
		width: 100% !important;
	}
}
/* Its the same size as in select or text  fields */
.oper_ui_flex_toolbar_container .ui_toolbar_group label {
	font-size: 14px;
}
@media screen and (max-width: 782px) {
	.oper_ui_flex_toolbar_container .ui_toolbar_group label {
		font-size: 16px;
	}
}


/**********************************************************************************************************************/
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/* Search Toolbar Customizations **************************************************************************************/
/**********************************************************************************************************************/
.oper_ui_flex_toolbar_container.ui_search_container{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;

	margin:0;
	padding: 10px 0px 9px;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_1,
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 {
	flex: 1 1 58%;

	padding: 5px 1%;
	border: none;

	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2{
	flex: 1 1 38%;
}
.oper_ui_flex_toolbar_container.ui_search_container .ui_toolbar_group label,
.oper_ui_flex_toolbar_container.ui_search_container .ui_toolbar_group a,
.oper_ui_flex_toolbar_container.ui_search_container .ui_toolbar_group input,
.oper_ui_flex_toolbar_container.ui_search_container .ui_toolbar_group select{
	margin:0;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_1 input,
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 input,
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 select{
	flex: 1 0 auto;
	min-height: 38px;
	font-size: 14px;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 input,
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 select {
	flex: 1 1 auto;
	/*margin: 0 1em;*/
	max-width: initial;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 select:first-child {
	margin-left:0;
}
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 select:last-child {
	margin-right:0;
}
/* Center text in buttons links*/
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_1 a.button,
.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 a.button {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
}
@media (max-width: 600px) {
	.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_1,
	.oper_ui_flex_toolbar_container .ui_toolbar_group.ui_search_fields_group_2 {
		flex: 1 1 100%;
		padding: 5px 1em;
	}
}