/* for categoryselect 横排还是竖排设置  start */

.cate-horizontal{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
}

.cate-horizontal .cate-select{
	width:180px;
	margin:0;
}

.cate-vertical .cate-select{
	width:100%;
	margin-top:8px;
}


/* for categoryselect 横排还是竖排设置  end */

.toolbar-category{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.5rem;
}


/*
|--------------------------------------------------------------------------
| Category Select
|--------------------------------------------------------------------------
*/

.toolbar-category select{
	display:block;

	min-width:120px;
	width:auto;
	height:35px;

	box-sizing:border-box;

	padding:0 28px 0 10px;

	border:1px solid #ced4da;
	border-radius:.25rem;

	background:#fff;

	font-family:inherit;
	font-size:13px;
	font-weight:400;
	line-height:1.5;

	color:inherit;

	vertical-align:middle;

	transition:
		border-color .2s,
		box-shadow .2s;
}


/*
|--------------------------------------------------------------------------
| Option
|--------------------------------------------------------------------------
*/

.toolbar-category select option{
	font-family:inherit;
	font-size:13px;
	font-weight:400;

	line-height:1.5;

	color:inherit;
	background:#fff;
}


/*
|--------------------------------------------------------------------------
| Hover
|--------------------------------------------------------------------------
*/

.toolbar-category select:hover{
	border-color:#80bdff;
}


/*
|--------------------------------------------------------------------------
| Focus
|--------------------------------------------------------------------------
*/

.toolbar-category select:focus{
	border-color:#80bdff;

	outline:0;

	box-shadow:
		0 0 0 .15rem rgba(0,123,255,.15);
}


/*
|--------------------------------------------------------------------------
| Disabled
|--------------------------------------------------------------------------
*/

.toolbar-category select:disabled{
	background:#e9ecef;
	opacity:1;
	cursor:not-allowed;
}


/*
|--------------------------------------------------------------------------
| Action Icon
|--------------------------------------------------------------------------
*/

.action-icon{
	display:inline-block;

	vertical-align:middle;

	line-height:1;
}


/*
|--------------------------------------------------------------------------
| Menu Icon
|--------------------------------------------------------------------------
*/

.menu-icon{
	display:inline-block;

	width:36px;
	margin-left:32px;

	text-align:center;
}


/*
|--------------------------------------------------------------------------
| Category Select - Mobile
|--------------------------------------------------------------------------
*/

@media (max-width:576px){

	.toolbar-category{
		width:100%;
	}

	.toolbar-category select{
		min-width:120px;
		max-width:100%;
	}
}



/* Bootstrap Modal */
.modal {
	z-index: 1050;
}

/* Bootstrap Modal Backdrop */
.modal-backdrop {
	z-index: 1040;
}

/* Dialog / SweetAlert */
.swal2-container {
	z-index: 2000 !important;
}

/* Bootbox */
.bootbox {
	z-index: 2000 !important;
}

.bootbox-backdrop {
	z-index: 1990 !important;
}